javascript ajax, XHR对象.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对象 21.1 创建XMLHttpRequest对象 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. ; 21.1.1 XHR的用法 21.1.1 XHR的用法 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 300 || xhr.status 304 //alert xhr.responseText ; else alert Request was unsuccessful: + xhr.status ; xhr.open post, example.txt, true ; 21.1.2 HTTP头部信息 21.1.2 HTTP头部信息 每个HTTP请求和响应都会带有相应的头部信息。XHR对象提供了操作这两种头部（即请求头部和响应头部）信息的方法。 【请求头部】---默认情况下，在发送XHR请求的同时，还会发送以下列头部信息。 1、Accept：浏览器能够显示的字符集。例如：Accept text/html, application/xhtml+xml, */* 2、Accept-Charset：浏览器能够显示的字符集。 3、Accept-Encoding：浏览器能够处理的压缩编码。 4、Accept-Language：浏览器当前设置的语言。 5、Connection：浏览器与服务器之间连接的类型。 6、Cookie：当前页面设置的Cookie。 7、Host：发送请求的页面所在的域。 8、Referer:发送请求的页面URI。（这个英文正确的拼法：referrer。） 9、User-Agent：浏览器的用户代理字符串。例如：Mozilla/5.0 Windows NT 6.1; WOW64; Trident/7.0; rv:11.0 like Gec