XMLHttpResquest Level2新功能

旧版XMLHttpResquest的缺点：

只支持文本数据的传输，无法用来读取和上传文件
传送和接收数据时，没有进度信息，只能提示有没有完成

 

新版的优点：

1.可以设置 HTTP 请求的时限
2可以使用 FormData 对象管理表单数据
3.可以上传文件
4.可以获得数据传输的进度信息

 

1.设置请求时长

有时，Ajax 操作很耗时，而且无法预知要花多少时间。如果网速很慢，用户可能要等很久。新版本的 XMLHttpRequest 对象，增加了 timeout 属性，可以设置 HTTP 请求的时限： 

xhr.timeout = 毫秒为单位

上面的语句，将最长等待时间设为 3000 毫秒。过了这个时限，就自动停止HTTP请求。与之配套的还有一个 timeout 事件，用来指定回调函数：

xhr.ontimeout = function(event){

　　return 

}

 

2.使用FormData对象管理表单数据

Ajax 操作往往用来提交表单数据。为了方便表单处理，HTML5 新增了一个 FormData 对象，可以模拟表单操作：

实例化FormData对象,，fd中包含了表单中所有的数据，采用键值对的方式name:value

var fd = new FormData(表单对象)

fd.get('name')

fd.getall() 获取所有的表单值

 

4.可以获得数据传输的进度信息