javascriptajax,XHR对象2015.docVIP

第21章 Ajax 目录 21.1 创建XMLHttpRequest对象 1 21.1.1 XHR的用法 1 21.1.2 HTTP头部信息 3 21.3 GET请求 3 21.4 POST请求 4 21.3-4 GET请求和POST请求区别 4 21.1 创建XMLHttpRequest对象 fieldset legend21.1 创建XMLHttpRequest对象/legend function createXHR() { if (typeof (XMLHttpRequest) != undefined) { return new XMLHttpRequest(); } else if (typeof (arguments.callee.activeXString) != string) {//适用于IE7之前的版本 var version = [MSXML2.XMLHttp.6.0, MSXML2.XMLHttp.3.0, MSXML2.XMLHttp]; for (var i = 0; i version.length; i++) { new ActiveXObject(version[i]); arguments.callee.activeXString = version[i]; break; } return arguments.callee.activeXString; } else { throw new Error(No XHR object available.); } } /fieldset 21.1.1 XHR的用法 fieldset legend21.1.1 XHR的用法/legend open(get,example.txt,false)方法; 参数1：请求类型（get/post）；参数2：请求URL；参数3：表示是否异步发送请求的布尔值 XMLHttpRequest的属性： 一、responseText:作为响应主体被返回的文本； 二、responseXML:如果响应的内容类型是text/xml或application/xml，这个属性中将保存着响应数据的XML DOM文档； 三、status:响应的HTTP状态；200作为成功的标志；304表示请求的资源并没有被修改，可以直接使用浏览器中缓存的版本； 四、statusText:HTTP状态说明 五、readyState:请求/响应过程的当前活动阶段。 这个属性取值如下： 0:未初始化。尚未调用open()方法； 1：启动。已经调用open()方法，但尚未调用send()方法； 2：发送。已经调用send()方法，但尚未接收到响应； 3：接收。已经接收到部分响应数据； 4：完成。已经接收到全部响应数据，而且已经可以再客户端使用了。 提示：只要readyState属性的值由一个值变成另一个值，都会触发一次readystatechange事件，可以利用这个事件来检测每次状态变化后的readyState的值。 在接收到响应之前还可以调用abort()方法来取消异步请求： xhr.abort(); 相关代码如下： var xhr = createXHR(); xhr.onreadystatechange = function () { if (xhr.readyState == 4) { if (xhr.status = 200 xhr.status 3