细说Ajax--异步请求

   var  xhr= new XMLHttpRequest(); //驼峰命名法；

         2. 监听readystate的状态改变情况（onreadystatechange函数同来监听readystate的状态改变）   

  xhr.onreadtstetachange=function(){
  
       if(xhr.readystate==4)
          {选中的对象.HTML=xhr.responseText };
}

         3.使用open函数开始发送请求

 xhr.open("get","a.txt",true);

         open函数有三个参数，第一个参数代表发送的方式，第二参数代表发送的目的地，第三个参数是请求的类型，true代表异步请求，false代表同步请求。

       4.用send函数传递参数;（根据请求方式不同，传递参数的格式也不尽相同）   

  xhr.send(null);

     以上就是最简单的，最基础的，也是最容易理解的。

   4步请求中各个函数的意义：

      1.XMLHttpRequest

        这个函数在上面已经详细说明了，就不在多言了；

     2.onreadystatechange

       是XMLHttpRequest对象的一个方法，用来监听readystate的状态改变量；

     3.readystate

       http请求状态,总共有0，1，2，3，4五中状态。同事也是XMLHttpRequest的属性

                        状态              意义

                         0          open()函数没有被调用

                         1          send()函数被调用

                         2          头部文件已被服务器接受

                         3          开始接受服务器返回的东西，并没有接受完全

                         4          完成

   从代码中可以看出我们仅仅关心的是 4 的这种情况;说到头部文件，我要提一嘴的是，http请求不是一下子传过去的，他也需要包装一下，包装成一个个文件的形式，发送给服务器的，他的包装分为头部文件和主体文件。

    4.status http状态码（不同的状态码，有不同的含义）

         200     ok      代表请求数据成功；

         304    Not Modified 请求路径没有变化

         404  Not  Found   未找到文件

         503  service   服务器错误

    5. open()

        open方法表示让XMLHttpRequest对象配置一个请求，open之后并没有真正的发送请求的，而是用用send发送      

   6.send()

      send方法就是发送请求，里面的参数表示Http request 报头里所携带的内容。

  GET和POST 请求的异同

      1. get请求多用于向服务器获取数据;post则多用于向服务器传输数据;

      2.get请求一般接受或传递的内容数据较小，post对内容的大小不限制;

      3.post在提交数据是，必须要使用表单封装，而get则不需要；

      4.传递参数时，get的参数在报文头部传输，post参数在报文主体内传输；

  我们来看下面的例子：

   get请求的格式：

// get 请求 
  var xhr=XMLTttpRquest();

xhr.onreadtstetachange=function(){
  
       if(xhr.readystate==4)
          {选中的对象.HTML=xhr.responseText };
}

xhr.open("get?a=2&b=4","a.txt",true);//get的参数传递方式

xhr.send(null);

 post的请求格式：

var xhr=XMLTttpRquest();

xhr.onreadtstetachange=function(){
  
       if(xhr.readystate==4)
          {选中的对象.HTML=xhr.responseText };
}

xhr.open("post","a.txt",true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencode");//创建虚拟表单；

xhr.send(a=1&b=2);//post的参数传递方式

  能力检测，也就是兼容问题

      对于高级浏览器来说，XMLHttpRequest肯定是没有问题的了，但是对于IE6来说，人家也不认识它啊！IE6认识这个new ActiveXObject（“Microsoft.XMLHTTP”）;

      所以就有了兼容的写法了：

   var  xhr;
  if(window.XMLHttpRequest){
        xhr= new XMLHttpRequest(); 
}
else if(window.ActiveXObject){
 
   xhr= new ActiveXObject("Microsoft.XMLHTTP");

}

   所以说，一个好的ajax请求必须把兼容问题考虑在内，虽然IE6已经迟暮。

   以上这些仅仅是对ajax基础的简单理解，它里面的一些高级的特性，还没有提到，比如说跨域的实现，等等。我想看了这篇文章，你对ajax的理解是不是会更加清晰了那！！哈哈。。。。希望对你有所帮助！！x谢谢！！