Ajax-XMLHttpRequest2

XMLHttpRequest 2级具有很多新的功能，例如可以使用FormData进行表单数据处理，添加了超时设定，接受二进制数据等。

FormData

FormData可以序列化表单和创建表单与表单格式相同的数据。
创建FormData对象。

xhr.open("GET", url, true);
var data = new FormData();
data.append("name", "value");

append()方法的两个参数分别对应表单字段名字和字段中包含的值。也可以用表单元素的数据初始化键值对。

var form = document.getElementById("form");
var data = new FormData(form);

将FormData通过send()发送到服务器。

xhr.send(data);

使用FormData就可以不用在XHR对象上设置请求头。XHR对象能够识别FormData的实例，并配置头部信息。

使用FormData也可以实现文件的上传，将文件表单对象通过FormData处理并发送给服务端。
支持FormData的浏览器有Firefox4+，Safari5+，Chrome 和安卓3+的Webkit。

超时设定

增加timeout属性，表示请求在等待响应多少毫秒之后就终止，如果在规定的时间内浏览器没有收到响应，就会触发timeout事件以及ontimeout事件处理程序。

var xhr;
xhr.open("GET", url, true);
xhr.timeout = 1000;
xhr.ontimeout = function(){
    //
}
xhr.send(null);

timeout设为1000ms，即1s内如果没有返回，请求就会自动终止，并调用ontimeout事件处理程序。
支持超时设定的浏览器有Firefox，Opera，IE8+。

overrideMimeType()方法

overrideMimeType()方法用于重写XHR响应的MIME类型，可以强制XHR把响应类型当XML来处理。调用overrideMimeType()必须在send()方法之前，才能保证重写响应的MIME类型。

xhr.overrideMimeType("text/xml");
xhr.send(null);

responseType

设置responseType能够改变响应类型，告诉服务端期望的响应格式。
有一下几种情况：
（1）”“：字符串默认值；
（2）”text”：字符串；
（3）”json”：服务器传递回来的JSON 字符串；
（4）”blob”：类文件对象，可以用来接收文件；
（5）”document”：Document对象；
（6）”arraybuffer”：Arraybuffer对象；

如接收文件：

xhr.open("GET", "xx.jpg", true);
xhr.responseType="blob";
xhr.send();