Web中的XHRHttpRequest

1.提出者：Jesse James Garrett

2.IE中，XHR是通过ActiveX对象实现的。涉及浏览器的兼容性写法。

3.使用
<1>open("请求方式","请求的URL"，“同步还是异步”)

<2>send("作为请求主体发送的数据") 如果不需要，则必须传入null。

<3>responseText() 作为响应主体被返回的文本,还有一个response

<4>status 响应的HTTP状态

<5>statusText HTTP状态的说明

4.readyState
只要readyState由一个值变为另外一个值，都会触发onreadystatechange事件处理程序。为了确保兼容性，应该在open之前调用onreadystatechange。有请求也就可以取消请求，使用xhr.abort()即可。

5.HTTP的头信息

6.GET请求
使用GET请求经常会发生一个错误，就是差查询字符串的格式有问题。查询字符串中每个参数的名称和值都必须使用encodeURIComponent()进行编码，然后才能放到URL的末尾。

Blob对象：是一个二进制对象，如图片等

7.
<1>FormData
为表单的序列化以及创建与表单格式相同的数据提供了便利。

<2>超时设定
请求超时执行回调：xhr.timeout=function(){}

<3>overrideMimeType()
重写XHR响应的MIME类型

<4>进度事件
<5>load事件
<6>progress事件

8.实例演示：
JS：

//兼容性XHRfunction createXHR(){  if(typeof ){    return new else if(typeof ActiveXObject !="undefined"){    if(typeof arguments.callee.activeString!="string"){      var versions=["MS], i,len;      for(i=0;len=versions.lengthli<len;i++){        try{          new ActiveXObject(versions[i]);          arguments.callee.activeString=versions[i];          break;        }catch (ex){          //跳过        }      }    }    return new ActiveXObject(arguments.callee.activeString);  }else{    throw new Error("无可用XHR");  }}//兼容性写法 var xhr=new createXHR();var xhr=new =function(){    if(xhr.readyState==4){      if((xhr.status>=200 && xhr.status<300) || xhr.status==304){        alert(xhr.responseText);      }else{        alert("请求失败！");      }    }  };  xhr.open("get","zqz.txt",true);  xhr.send(null);

结果：