AJAX核心XMLHttpRequest的属性和方法介绍_javascript

前一段时间开始研究AJAX&＃xff0c;当然最基础的AJAX核心XMLHttpRequest当然是要研究的了&＃xff0c;所以简单整理了一下相关属相和方法&＃xff0c;供以后使用。

&＃64;Time&＃xff1a;2011/11/01 22:23:12 By :zhangbosky Website :www.desetang.com E-mail :278036870&＃64;qq.com

【以下是一段我写的AJAX实例代码】&＃xff1a;

Ajax: function(){ //this.options &＃61; {//url:options.url||"",//数据源地址 //method:options.method||"GET",//请求方法[POST、HEAD...] // data:options.data||null,//要发送给服务器的数据 //};//创建Ajax对象var A;this.Create &＃61; function(){ if(window.XMLHttpRequest){// code for IE7&＃43;, Firefox, Chrome, Opera, SafariA&＃61;new XMLHttpRequest();}else if(window.ActiveXObject){ try{ A &＃61; new ActiveXObject("Msxml2.XMLHTTP");//IE6 }catch(e){ A &＃61; new ActiveXObject("Microsoft.XMLHTTP");//IE5 } } return A; };this.init &＃61; function(){//this.extend(this.options, options || {});A&＃61;this.Create();A.open("GET","http://localhost/books.xml",true);
A.send();
A.onreadystatechange&＃61;function(){if (A.readyState&＃61;&＃61;4 && A.status&＃61;&＃61;200){document.getElementByIdx_x_x_x("myDiv").innerHTML&＃61; A.responseXML;}}}this.init();return this;}

【AJAX解析】

AJAX核心-XMLHttpRequest

【XMLHttpRequest】对象的属性

readyState

&＃xff08;1&＃xff09;0&＃xff1a;创建了XMLHttpRequest对象&＃xff0c;却没有初始化&＃xff0c;即“未初始化”

&＃xff08;2&＃xff09;1&＃xff1a;已经调用了XMLHttpRequest的open()方法&＃xff0c;并且等待请求发送到服务器

&＃xff08;3&＃xff09;2&＃xff1a;发送完成&＃xff0c;通过send()方法发送请求到服务器&＃xff0c;但还没有得到响应

&＃xff08;4&＃xff09;3&＃xff1a;此时收到HTTP请求的头部信息&＃xff0c;但消息体主体还未完全接收

&＃xff08;5&＃xff09;4&＃xff1a;响应被完全接收

status

HTTP的状态代码&＃xff0c;当readyState等于3或4时可用&＃xff0c;当小于3时&＃xff0c;试图存取status的值将引发一个异常

statusText

HTTP的状态的文本&＃xff0c;当readyState等于3或4时可用&＃xff0c;当小于3时&＃xff0c;试图存取status的值将引发一个异常

responseText

&＃xff08;1&＃xff09;readyState等于0,1,2时&＃xff0c;responseText将会是一个空字符串

&＃xff08;2&＃xff09;readyState等于3时&＃xff0c;响应中包含客户端还未完成的响应信息

&＃xff08;3&＃xff09;readyState等于4时&＃xff0c;responseText是完整的响应信息

【XMLHttpRequest】对象的方法

abort() 取消当前请求&＃xff0c;使其回到初始化状态

open() 初始化一个XMLHttpRequest对象

           open(method,url,async,username,password)

setRequestHeader(header,value) 设置请求的头部信息

send() 发送请求到服务器

getResponseHeader(header,value) 检索响应的头部信息

getAllResponseHeaders() 以字符串的方式返回所有的响应头部