美文网首页
AJAX-xhr Level 2

AJAX-xhr Level 2

作者: Java小工匠 | 来源:发表于2017-06-18 22:47 被阅读0次

1、新老版本对比

1.1 老版本缺点

(1)只支持文本数据的传送,无法用来读取和上传二进制文件。
(2)传送和接收数据时,没有进度信息,只能提示有没有完成。
(3)受到"同域限制",只能向同一域名的服务器请求数据。

1.2 新版本功能

(1)可以设置HTTP请求的时限。
(2)可以使用FormData对象管理表单数据。
(3)可以上传文件。
(4)可以获取服务器端的二进制数据。
(5)可以获得数据传输的进度信息。
(6)跨域请求。

2.http 请求超时

新版本的XMLHttpRequest对象,增加了timeout属性,可以设置HTTP请求的时限。

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

3、FormData

4、上传文件

参考 ajax 文件上传。http://www.jianshu.com/p/62812b529b34

5、传输进度

6、跨域情况

参考 ajax跨域请求的CROS。http://www.jianshu.com/p/b83094c81ca9

相关文章

网友评论

      本文标题:AJAX-xhr Level 2

      本文链接:https://www.haomeiwen.com/subject/mbpwqxtx.html