新版本的XMLHttpRequest对象，针对老版本的缺点，做出了大幅改进。

• 可以设置HTTP请求的时限。

xhr.timeout = 3000;
xhr.ontimeout = function (event){
    alert('请求超时！');
}

• 可以使用FormData对象管理表单数据。

var form = document.getElementById('myform');
var formData = new FormData(form);
formData.append('secret', '123456'); // 添加一个表单项
xhr.open('POST', form.action);
xhr.send(formData);

• 可以上传文件。

var formData = new FormData();
for (var i = 0; i < files.length; i++){
    formData.append('files[]', files[i]);
}

• 可以请求不同域名下的数据（跨域请求）。

使用"跨域资源共享"的前提，是浏览器必须支持这个功能，而且服务器端必须同意这种"跨域"。如果能够满足上面的条件，则代码的写法与不跨域的请求完全一样。

xhr.open('GET', 'http://other.server/and/path/to/script');

• 可以获取服务器端的二进制数据。

方法A：改写MIMEType
方法B：responseType属性

• 可以获得数据传输的进度信息。

它分成上传和下载两种情况。下载的progress事件属于XMLHttpRequest对象，上传的progress事件属于XMLHttpRequest.upload对象。

xhr.onprogress = updateProgress;
xhr.upload.onprogress = updateProgress;
function updateProgress(event){
    if (event.lengthComputable){
        var percentComplete = event.loaded / event.total;
    }
}

event.total是需要传输的总字节，event.loaded是已经传输的字节。如果event.lengthComputable不为真，则event.total等于0

• load事件：传输成功完成。
• abort事件：传输被用户取消。
• error事件：传输中出现错误。
• loadstart事件：传输开始。
• loadEnd事件：传输结束，但是不知道成功还是失败。