21AJax与Comet

Ajax(Asynchronous JavaScript+XML)能够向服务器请求额外的数据而无须卸载页面,会带来更好的用户体验。Ajax技术的核心是XMLHttpRequest对象(简称XHR)。

21.1XMLHttpRequest对象

IE中可能会遇到三种不同版本的XHR对象,即MSXML2.XMLHttp、MSXML2.XMLHttp.3.0和MXSML2.XMLHttp.6.0

XHR的用法

要调用的第一个方法是open(),接收3个参数:要发送的请求的类型(“get”、“post”等)、请求的URL和表示是否异步发送请求的布尔值。send()方法接收一个参数,即要作为请求主体发送的数据。建议通过检测states来决定下一步的操作,不要依赖statusText。只要readyState属性的值由一个值变为另一个值,都会触发一次readystatechange事件。在接收到相应之前还可以调用absort()方法来取消异步请求。

HTTP头部信息

使用setRequestHeader()方法可以设置自定义的请求头部信息。要成功发送请求头部信息,必须在调用open()方法之后且调用send()方法之前调用setRequestHeader()。

GET请求

GET是最常见的请求类型,最常用于向服务器查询某些信息。查询字符串中每个参数的名称和值都必须使用encodeURIComponent()进行编码,然后才能放到URL的末尾。

POST请求

POST请求通常用于向服务器发送应该被保存的数据。

21.2XMLHttpRequest2级

FormData:FormData为序列化表单以及创建于表单格式相同的数据(用于通过XHR传输)提供了便利

超时设定:timeout属性表示请求在等待相应多少毫秒之后就终止,如果在规定时间内浏览器没有接受到响应,就会触发timeout时间,进而调用ontimeout事件处理程序。

overrideMimeType()方法:用于重写XHR相应的MIME类型。

21.3进度事件

有6个进度事件:loadstart、progress、error、abort、load和loaded

21.4跨源资源共享

CORS(Cross-Orign Resource Sharing)的基本思想是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或相应是应该成功还是失败。

IE对CORS的实现

引入了XDR类型,能实现安全可靠的跨域通信。XDR的使用方法:创建一个XDomainRequest的实例,调用open()方法(接收两个参数:请求的类型和URL),在调用send()方法。

其他浏览器对CORS的实现

通过XMLHttpRequest对象实现对CORS的原生支持。

Preflighted Reqeusts

叫做Preflighted Reqeusts的透明服务器验证机制支持开发人员使用自定义的头部、GET或POST之外的方法,以及不同类型的主体内容。

带凭证的请求:通过将withCredentials属性设置为true,可以指定某个请求应该发送凭据。

跨浏览器的CORS

 

posted on 2017-02-23 20:04  U201113877  阅读(107)  评论(0编辑  收藏  举报