XMLHTTP.readyState的五种状态

转载 2012年03月29日 16:24:53

 XMLHTTP.readyState 的五种状态

    0 -(未初始化)还没有调用 send()方法

    1 -(载入)已调用 send()方法,正在发送请求

    2 -(载入完成)send()方法执行完成,已经接收到全部响应内容

    3 -(交互)正在解析响应内容

    4 -(完成)响应内容解析完成,可以在客户端调用了

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

结果如下:

正在初始化请求……成功!

正在发送请求……成功!

正在接收数据……完成!

正在解析数据……完成!

我们很容易明白 XMLHttpRequest 对象在各个阶段都在做什么。因此,也就很容易对 Ajax 的核心部分有一个真正简单明了的理解。

相关文章推荐

XMLHTTP.readyState五种状态和XMLHTTP.status常见值

XMLHTTP.readyState的五种状态 0:请求未初始化(还没有调用open()); 1:请求已建立,但是还没有发送(还没有调用send()); 2:请求已发送,正在处理中(通常现在可以从响应...

XMLHTTP.readyState的状态解析

0 - (未初始化)还没有调用send()方法 1 - (载入)已调用send()方法,正在发送请求 2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 3 - (交互)正在解析...
  • yitudou
  • yitudou
  • 2014年10月21日 16:46
  • 131

readyState的五种状态

对于readyState的五种状态的描述或者说定义,很多Ajax书(英文原版)中大都语焉不详 在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态...

XMLHTTPREQUEST().READYSTATE的五种状态详解(转)

XMLHTTPREQUEST().READYSTATE的五种状态详解(转) Posted on 2009-11-01 13:03 Charleehu 阅读(171) 评论(0)  编辑  收藏 所属...

XMLHttpRequest().readyState的五种状态详解

在《Pragmatic AJAX中文问题 A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在,摘译如下: 0: (Uninitialized) ...

readyState的五种状态详解

在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在,摘译如下: 0: (Uninitialized) the send(...
  • repoem
  • repoem
  • 2011年03月07日 14:03
  • 249

转 XMLHttpRequest().readyState的五种状态详解

转 XMLHttpRequest().readyState的五种状态详解 转 http://javathinker.blog.ccidnet.com/blog-htm-item...

readyState的五种状态

对于readyState的五种状态的描述或者说定义,很多Ajax书(英文原版)中大都语焉不详 在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态...

readyState的五种状态详解(转)

在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在,摘译如下:  0: (Uninitialized) the sen...

ajax readyState五种状态及status状态码

根据资料整理了一下ajax的readyState的五种状态和status的一些状态码:代码片段来源: https://www.liaoxuefeng.com/wiki/001434446689867...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XMLHTTP.readyState的五种状态
举报原因:
原因补充:

(最多只允许输入30个字)