ajax中XMLHttpRequest对象详解

                                                                                              ajax中XMLHttpRequest对象详解

        ajax技术的核心或者说负责ajax进行同步或者异步服务器请求是XMLHttpRequest对象。在用使用ajax技术时，其实就是操作XMLHttpRequest进行相应的业务。

 

 方法： 

  1创建XMLHttpRequest对象

    ajax本身还是js写成的，所以在使用XMLHttpRequest,是按照js语法的。
生成一个XMLHttpRequest对象如下：var xhr=new XMLHttpRequest();
注意IE浏览器9以下的版本都不支持，IE是在9版本后才归于主流，支持w3c标准的。 
考虑到兼容性，我们可以这样写。
function createXHR()
{
   var xhr=null;
  if(window.XMLHttpRequest)  //要是支持XMLHttpRequest的则采用XMLHttpRequest生成对象
     xhr=new XMLHttpRequest();
  else if(window.ActiveXobiect)//要是支持win的ActiveXobiect则采用ActiveXobiect生成对象。
    xhr=new ActiveXobiect('Microsoft.XMLHTTP');
   return xhr;
}

  2.如何利用XMLHttpRequest对象打开请求

        xhr.open('请求方式','请求url',是异步|同步)
我们通过XMLHttpRequest对象的open函数打开对服务器的连接，设置请求方式如GET POST OPTION DELETE等，请求路径，同步请求或者是异步请求(true表示异步请求，false表示同步请求)

  3. send() 

     发送请求,不传值时可以写null，get或者post请求传值时可以键值对写 username=zhangsan&pwd=12345
POST请求时，一定要注意要设置 Content-Type: application/x-www-form-urlencoded 不然无法解析&分隔符。
 

  4. abort()

     终止请求
 

  5. setRequestHeader(key,value);

     设置请求头信息

  

  6. getResponseHeader(key)

     获取某个头信息

  

  7. getAllResponseHeaders()

     获取所有的头信息

属性：

  1. responseText

     文本返回值，可以通过对象的responseText属性，获得返回的主体内容。

  2. onreadystatechange

     监测xhr对象发送接收状态变化的事件属性。xhr对象在发送到接收会有一系列状态的变化，这些状态变化时，会触发该对象的onreadystatechange回调函数，
一般我们是通过自定义一个匿名函数，在这个函数中进行我们想要的处理，将其赋给onreadystatechange事件属性，一旦触发就可以执行我们需要的操作。
 

  3. readyState

     表示自身状态，值为0~4  其中4表示返回成功。 0表示xhr对象创建成功 1表示调用open函数成功  2对方接收完头信息

     3对方接受完主体信息  4成功断开连接

  4. status

     响应行的状态码，200表示成功，403表示禁止，404表示未找到，50X系列表示服务器内部错误。

  5.statusText

     服务器返回状态，对应的文字说明
 

  

  5.响应行的 状态文字 statusText

  

  6.responseXML

    对于大量格式化文档时，或者xml文件时，回传的值。

   注意，ajax不能跨域请求，只能是请求本域内文件或后台程序。

        

         在html5中支持，使用ajax实现文件的异步上传，这一功能的实现主要是靠新增的两个对象完成

FormData和files对象。FormData主要是用来获得表单提交的信息，例如tform是一个表单的js中的dom对象，

var fd=new FormData(tform); 则生成的FormData对象就将表单对象中提交的信息全部加载如fd对象中了，

之后只要使用XMLHttpRequest对象的send()函数放送fd即可。当然FormData可以通过自身的append()函数手动加载键值对

如 fd.append('username','zhangsan');

         files是<input type='file' name='' />标签dom对象下的一个文件列表对象，可以获得上传文件的所有信息。html5支持多文件上传。在使用异步上传文件时，我们通过fd.append('name',files[0])异步上传文件。