JavaScript前端开发实用技术教程第8章.pptVIP

getAllResponseHeaders()方法 也可以调用getAllResponseHeaders()方法获取完整的HTTP 响应头部，语法如下： strValue = oXMLHttpRequest.getAllResponseHeaders(); getAllResponseHeaders()方法返回请求的完整HTTP头的值。 【例8-3】 function state_Change() { if (xmlhttp.readyState==4) {// 4 = loaded if (xmlhttp.status==200) {// 200 = OK document.getElementById(p1).innerHTML=HTTP头: + xmlhttp.getAllResponseHeaders(); } else { alert(获取数据时出现错误: + xmlhttp.statusText); } } } 浏览【例8-3】的界面 8.1.5 超时控制 XMLHttpRequest Level 2中增加了timeout属性，可以设置HTTP请求的时限，单位为ms。例如； xhr.timeout = 5000; 上面的语句将最长等待时间设为5000ms（5s）。超过了这个时限，就自动停止HTTP请求。还可以通过timeout事件来指定回调函数，例如： xhr.ontimeout = function(event){ alert(请求超时！); } 8.1.6 使用FormData对象向服务器发送数据 在MLHttpRequest Level 2中可以使用FormData对象可以模拟表单向服务器发送数据。 1．创建FormData对象 可以使用两种方法创建FormData对象，一种是使用new关键字创建，方法如下： var formData = new FormData(); 另一种方法是调用表单对象的getFormData()方法获取表单对象中的数据，方法如下： var formElement = document.getElementById(myFormElement); formData = formElement.getFormData(); 2．向FormData对象中添加数据 可以使用append()方法向FormData对象中添加数据，语法如下： formData.append(key, value); FormData对象中的数据是键值对格式的，参数key为数据的键，参数value是数据的值。例如： formData.append(username, lee); formData.append(num, 123); 3．向服务器发送FormData对象 可以使用XMLHttpRequest对象的send()方法可以向服务器发送FormData对象，语法如下： xmlhttp.send(formData); 在发送FormData对象之前，也需要调用open()方法设置提交数据的方式以及接收和处理数据的服务器端脚本，例如： xmlhttp.open(POST, ShowInfo.php); 4．在服务器端接收和处理表单数据 表单提交数据的方式可以分为GET和POST两种。在PHP程序中，可以使用HTTP GET变量$_GET读取使用GET方式提交的表单数据，具体方法如下： 参数值 = $_GET[参数名] 使用HTTP POST变量$_POST读取使用POST方式提交的表单数据，具体方法如下： 参数值 = $_POST[参数名] 【例8-4】 演示使用FormData对象向服务器发送数据的方法。 在网页中定义一个span 标签，用来显示服务器的响应数据，定义代码如下： pspan id=A1/span/p 在网页中定义一个按钮，单击此按钮时，使用FormData对象向服务器发送姓名和年龄数据。按钮的定义代码如下： button onclick=sendformdata()发送数据/button 单击此按钮，可以调用sendformdata()函数 script type=text/javascript var xmlhttp; function sendformdata() { if (window.XMLHttpRequest) {// code for IE7, Firefox, Opera, etc. xmlhttp=new XMLHttpRequest(); } else if (window.ActiveXObject) {// code for IE6, IE5 xmlhttp=ne