Ajax xmlHttpRequest的readystate属性

readystate取值描述 1：

0 : “未初始化”状态;此时，已经创建一个xmlhttprequest对象，但是还没有初始化。
1 : “载入”状态;此时，代码已经调用了xmlhttprequest open()方法并且xmlhttprequest已经准备好把一个请求发送到服务器。
2 : “载入完成”状态;此时，已经通过send()方法把一个请求发送到服务器端，但是还没有收到一个响应。
3 : “交互”状态;此时，已经接收到http响应头部信息，但是消息体部分还没有完全接收结束。
4 : “完成”状态;此时，响应已经被完全接收。

readystate取值描述2：

0：未初始化
此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。
1：载入
此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。
2：载入完成
此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。
3：交互
此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。状态3表示正在解析数据。
4：完成
此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。

整个XMLHttpRequest对象的生命周期应该包含如下阶段：

创建－初始化请求－发送请求－接收数据－解析数据－完成

实例如下：

//声明数组 
 var states ＝ [“正在初始化……”,“正在初始化请求……成功！
                正在发送请求……”,“成功！ 
                正在接收数据……”,“完成！ 
                正在解析数据……”,“完成！”
               ]; 


//回调函数内部代码片段
if (xmlHttp.readyState==4){
    var span = document.createElement(“span”);
    span.innerHTML = states[xmlHttp.readyState];
    document.body.appendChild(span); 
    if (xmlHttp.status == 200){
        var xmldoc = xmlHttp.responseXML;
        //其他代码
    } 
    //别忘记销毁，防止内存泄漏
    xmlHttp = null;
}else{
    var span = document.createElement(“span”);
    span.innerHTML = states[xmlHttp.readyState];
    document.body.appendChild(span);
}

结果如下：

正在初始化请求……成功！ 
   正在发送请求……成功！ 
   正在接收数据……完成！ 
   正在解析数据……完成！

【参考】http://www.jb51.cc/article/p-kpnsjovx-oa.html

Ajax xmlHttpRequest的readystate属性

相关文章