对xmlHttp对象方法和属性的理解_基础知识

1  客户端可以通过xmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用文档对象模型(DOM)处理回应。

1.1 我的理解：

1. 用户的每次操作，都会有数据产生。
2. 通过DOM或者JS编写对数据进行封装，或者浏览器自身对http协议的一些数据进行封装。
3. 通过xmlHttp对象的一些方法，传入数据参数，向http服务器发送请求。
4. 返回结果通过DOM进行处理。

2  xmlHttp对象的成员。

2.1 属性

1. onreadystatechange:当readyState属性值发生改变时，触发的事件处理句柄。

例子：xmlHttp.onreadystatechange = functionHandler;

   function functionHandler() {

if(xmlHttp.readyState == 4) {

alert("当readyState状态为4时，弹出此窗口！！！");

}

  }

//句柄只有方法名称，没有这对“()”括号。赋值时要注意理解。

2. readyState:这个属性表示状态；总共有五种状态：

0 (未初始化)	对象已建立，但是尚未初始化（尚未调用open方法）
1 (初始化)	对象已建立，尚未调用send方法
2 (发送数据)	send方法已调用，但是当前的状态及http头未知
3 (数据传送中)	已接收部分数据，因为响应及http头不全，这时通过responseBody和responseText获取部分数据会出现错误，
4 (完成)	数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据

// 因为xmlHttp的编写方式固定，因此每一个步骤都会伴随着状态的改变，因此时刻监听事件处理句柄，执行相应的逻辑。

代码执行顺序：

var  xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");

xmlHttpReq.open("GET", "http://localhost/test.xml", false);

xmlHttpReq.send();

alert(xmlHttpReq.responseText);

 

2.2 方法

1. open(Method, Url, Syn, User, Password);

创建一个新的xmlHttp对象时，实际上就是创建一个http请求。

此方法指定请求的方式(GET/POST/PUT/PROPFIND)、 URL、异步(默认情况为true)、验证信息。

采用异步方式(true)时，状态改变时会调用onreadystatechange属性指定的回调函数。

2. send();

此方法的同步或异步方式取决于open方法中的Syn参数，如果Syn == false，此方法将会等待请求完成或者超时时才会返回，如果Syn == true，此方法将立即返回。