1 客户端可以通过xmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用文档对象模型(DOM)处理回应。
1.1 我的理解:
用户的每次操作,都会有数据产生。
通过DOM或者JS编写对数据进行封装,或者浏览器自身对http协议的一些数据进行封装。
通过xmlHttp对象的一些方法,传入数据参数,向http服务器发送请求。
返回结果通过DOM进行处理。
2 xmlHttp对象的成员。
2.1 属性
onreadystatechange:当readyState属性值发生改变时,触发的事件处理句柄。
例子:xmlHttp.onreadystatechange = functionHandler;
function functionHandler() {
if(xmlHttp.readyState == 4) {
alert("当readyState状态为4时,弹出此窗口!!!");
}
}
//句柄只有方法名称,没有这对“()”括号。赋值时要注意理解。
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 方法
open(Method, Url, Syn, User, Password);
创建一个新的xmlHttp对象时,实际上就是创建一个http请求。
此方法指定请求的方式(GET/POST/PUT/PROPFIND)、 URL、异步(默认情况为true)、验证信息。
采用异步方式(true)时,状态改变时会调用onreadystatechange属性指定的回调函数。
send();
此方法的同步或异步方式取决于open方法中的Syn参数,如果Syn == false,此方法将会等待请求完成或者超时时才会返回,如果Syn == true,此方法将立即返回。