javascript的ajax请求过程

<script type="text/javascript">
   function createXMLHttpRequest()
   {
       if(window.XMLHttpRequest)//firefox
          {
              XMLHttpReq=newXMLHttpRequest();                       
          }
          elseif(window.ActiveXObject)//基u20110 IE浏u-30264 器
            {
               try
               {
                  XMLHttpReq=newActiveXObject("Msxml2.XMLHTTP");//maxthon
               }
               catch(e)
               {
                  try
                    {
                       XMLHttpReq=newActiveXObject("Microsoft.XMLHTTP");//IE
                    }
                    catch(e){}
               }
            }
   }
   function sendRequest(url)
   {
       createXMLHttpRequest();//创建异步对象
       XMLHttpReq.open("Get",url,true);
       XMLHttpReq.onreadystatechange=processResponse;//监视状态的变化
       XMLHttpReq.send(null);//发送异步请求
   }
   function processResponse()
   {
       if(XMLHttpReq.readyState==4&& XMLHttpReq.status==200)
         {
             varres=XMLHttpReq.responseXML.getElementsByTagName_r("res")[0].firstChild.data;
             window.alert(res);
         }
   }

</script>

XMLHttpReq对象的属性readyState表示请求的状态,而processResponse函数是监视请求的状态的变化，一旦状态有改变就调用该函数。

每当readyState的状态改变，都会调用该函数，请求的状态有5种（第一种就绪状态的特点是 readyState 属性为 0（readyState == 0），表示未初始化状态。

一旦对请求对象调用 open() 之后，这个属性就被设置为 1。由于您通常都是在一对请求进行初始化之后就立即调用 open()，因此很少会看到 readyState == 0 的状态。

另外，未初始化的就绪状态在实际的应用程序中是没有真正的用处的。当readyState == 2时,就已经执行了send()方法，也就是异步请求已经发送出去了，

当readyState == 3,请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成 ,最后才以readyState == 4 的形式结束）。

Ajax异步获取数据的流程，概括来说有4步：创建对象，加载要获取的服务器页，判断异步调用的状态，发送异步请求。但是从代码中看好像是先执行XMLHttpReq.onreadystatechange=processResponse;中的processResponse函数，然后再执行send()发送异步请求。感觉并不是先发送异步请求，再执行服务器返回响应的请求。按照逻辑是先发送异步请求，然后在处理服务器返回响应的请求。其实，就是先发送异步请求，再处理服务器返回响应的请求。而代码也没有错。原因：当readyState的状态为2的时候就已经执行了send()语句了，已经把异步请求发送出去了，在监视readyState的状态变化为2时，调用了processResponse函数，但是并没有对该次状态做处理，除了状态为4的时候才做出处理，当其他的状态变化时虽然也调用了该函数，但是该函数也没有做出相应的处理，导致了让人误会了。其实，只有执行send()语句，才有最终的状态为4。