XMLHttpRequest是一个浏览器接口，使得Javascript可以进行HTTP(S)通信。
最早，微软在IE 5引进了这个接口。因为它太有用，其他浏览器也模仿部署了，ajax操作因此得以诞生。
但是，这个接口一直没有标准化，每家浏览器的实现或多或少有点不同。HTML 5的概念形成后，W3C开始考虑标准化这个接口。2008年2月，就提出了XMLHttpRequest Level 2 草案。
这个XMLHttpRequest的新版本，提出了很多有用的新功能，将大大推动互联网革新。本文就对这个新版本进行详细介绍。
一、老版本的XMLHttpRequest对象
在介绍新版本之前，我们先回顾一下老版本的用法。
首先，新建一个XMLHttpRequest的实例。
var xhr = new XMLHttpRequest();
然后，向远程主机发出一个HTTP请求。
复制代码 代码如下:
xhr.open('GET', 'example.php');
xhr.send();
接着，就等待远程主机做出回应。这时需要监控XMLHttpRequest对象的状态变化，指定回调函数。
xhr.onreadystatechange = function(){ if ( xhr.readyState == 4 && xhr.status == 200 ) { alert( xhr.responseText ); } else { alert( xhr.statusText ); } };
上面的代码包含了老版本XMLHttpRequest对象的主要属性：
复制代码 代码如下:
* xhr.readyState：XMLHttpRequest对象的状态，等于4表示数据已经接收完毕。
* xhr.status：服务器返回的状态码，等于200表示一切正常。
* xhr.responseText：服务器返回的文本数据
* xhr.responseXML：服务器返回的XML格式的数据
* xhr.statusText：服务器返回的状态文本。
二、老版本的缺点
老版本的XMLHttpRequest对象有以下几个缺点：
* 只支持文本数据的传送，无法用来读取和上传二进制文件。
* 传送和接收数据时，没有进度信息，只能提示有没有完成。
* 受到"同域限制"（Same Origin Policy），只能向同一域名的服务器请求数据。
三、新版本的功能
新版本的XMLHttpRequest对象，针对老版本的缺点，做出了大幅改进。
复制代码 代码如下:
* 可以设置HTTP请求的时限。
* 可以使用FormData对象管理表单数据。
* 可以上传文件。
* 可以请求不同域名下的数据（跨域请求）。
* 可以获取服务器端的二进制数据。
* 可以获得数据传输的进度信息。
下面，我就一一介绍这些新功能。
四、HTTP请求的时限
有时，ajax操作很耗时，而且无法预知要花多少时间。如果网速很慢，用户可能要等很久。
新版本的XMLHttpRequest对象，增加了timeout属性，可以设置HTTP请求的时限。
xhr.timeout = 3000;
上面的语句，将最长等待时间设为3000毫秒。过了这个时限，就自动停止HTTP请求。与之配套的还有一个timeout事件，用来指定回调函数。
复制代码 代码如下:
xhr.ontimeout = function(event){
alert('请求超时！');
}
目前，Opera、Firefox和IE 10支持该属性，IE 8和IE 9的这个属性属于XDomainRequest对象，而Chrome和Safari还不支持。
五、FormData对象
ajax操作往往用来传递表单数据。为了方便表单处理，HTML 5新增了一个FormData对象，可以模拟表单。
首先，新建一个FormData对象。
var formData = new FormData();
然后，为它添加表单项。
formData.append('username', '张三');
formData.append('id', 123456);
最后，直接传送这个FormData对象。这与提交网页表单的效果，完全一样。
xhr.send(formData);
FormData对象也可以用来获取网页表单的值。
复制代码 代码如下:
var form = document.getElementById('myform');
var formData = new FormData(form);
formData.append('secret', '123456'); // 添加一个表单项
xhr.open('POST', form.action);
xhr.send(formData);
六、上传文件
新版XMLHttpRequest对象，不仅可以发送文本信息，还可以上传文件。
假定files是一个"选择文件"的表单元素（input[type="file"]），我们将它装入FormData对象。
复制代码 代码如下:
var formData = new FormData();
for (var i = 0; i < files.length;i++) {
formData.append('files[]', files[i]);
}
然后，发送这个FormData对象。
xhr.send(formData);
七、跨域资源共享（CORS）