readyState的五种状态详解

0 － （未初始化）还没有调用send()方法

 1 － （载入）已调用send()方法，正在发送请求

 2 － （载入完成）send()方法执行完成，已经接收到全部响应内容

 3 － （交互）正在解析响应内容

 4 － （完成）响应内容解析完成，可以在客户端调用了

readyState有五种可能的值：

0 (未初始化)： (XMLHttpRequest)对象已经创建，但还没有调用open()方法。

1 (载入)：已经调用open()方法，但尚未发送请求。

2 (载入完成)： 请求已经发送完成。

3 (交互)：可以接收到部分响应数据。

4 (完成)：已经接收到了全部数据，并且连接已经关闭。

(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);

}结果如下：

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

正在发送请求……成功！

正在接收数据……完成！

正在解析数据……完成！

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

原出处：http://www.cnblogs.com/anee/archive/2011/03/07/2675941.html