AJAX-xhr Level 2

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值