AJAX的readyState的五种状态详解

<script type="text/javascript">
 var xmlHttp;
 function createXMLHttpRequest(){
  if(window.ActiveXObject){
   xmlHttp=new ActiveXObject("Microsoft.XMLhTTP");
   }
  else if(window.XMLHttpRequest){
   xmlHttp=new XMLHttpRequest();
   }
  }
 function startRequest(){
  createXMLHttpRequest();
  xmlHttp.onreadystatechange=handleStateChange;
  xmlHttp.open("GET","simpleResponse.xml");
  xmlHttp.send();
  }
 function handleStateChange(){
  if(xmlHttp.readyState==4){
   if(xmlHttp.status==200||xmlHttp.status==0){
    alert("The server replied with: "+xmlHttp.responseText);
    }
   }
  }
</script>

刚开始运行的时候，怎么也执行不了结果，后来用火狐的firebug发现我的xmlHttp.readyState的值一直是0，很奇怪，后来就去找readyState，发现 readyState原来有五种状态：

 0 － （未初始化）

此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。

 

 1 － （载入）

此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。

 

 2 － （载入完成）

此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。

 

 3 － （交互）

此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。状态3表示正在解析数据。

 

 4 － （完成）

此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。

 

总之，整个XMLHttpRequest对象的生命周期应该包含如下阶段：
创建－初始化请求－发送请求－接收数据－解析数据－完成

 

整理：http://www.cn-cuckoo.com/2007/07/16/the-details-for-five-states-of-readystate-9.html