AJAX-xhr Level 2

简介: 1、新老版本对比1.1 老版本缺点(1)只支持文本数据的传送,无法用来读取和上传二进制文件。(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

相关文章
|
JSON 前端开发 JavaScript
xhr,ajax,axios,fetch的区别
xhr,ajax,axios,fetch的区别
198 0
|
Web App开发 JavaScript 前端开发
一起谈.NET技术,用Dojo实现Ajax请求:XHR、跨域、及其他
  在任何浏览器上方便地实现Ajax请求是每一个Ajax框架的初衷。Dojo在这方面无疑提供了非常丰富的支持。除了XMLHttpRequest之外,动态script、iframe、RPC也应有尽有,并且接口统一,使用方便,大多数情况下都只需要一句话就能达到目的,从而免除重复造轮子的麻烦。
994 0
|
Web App开发 XML 前端开发
|
5月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
39 0