ajax请求

ajax是无需刷新页面就能从服务器取得数据的方法。

 

chrome无法调试

 

XHR对象

open（'get','example.php', false）

open（）不会发送真正的请求，只是启动一个请求以备发送

若发送特定请求，要调用send（）方法

如果不需要通过请求主体发送数据，则必须传入null。调用send()后，请求被分发到服务器。

 

timeout：超时时间

ontimeout：超时事件

 

load事件：onload

属性event，指向XHR对象实例

 

progress事件：onprogress

属性event，获取传输进度

 

跨域：一个简单的使用GET或POST发送的请求，没有自定义的头部，而主体内容是text/plain。在发送请求时，需额外加一个origin头部，包含请求页面的源信息（协议、域名、端口）。如果服务器任务请求可以接收，在Access-Control-Allow-Origin头部中回发相同的源信息。如果没有头部或头部源信息不匹配，浏览器会驳回请求。正常情况下，浏览器会处理请求。请求和响应都不包含cookie信息。

XDR对象（XDomainRequest）：调用open（），接收两个参数：请求类型和URL，再调用send(),只支持异步执行。只要响应有效就会触发load事件，如果失败，会触发error事件。接收响应后，只能访问原始文本，没法确定响应的状态代码。

通过跨域XHR对象可以访问status和statusText属性，支持同步。但不能使用setRequestHeader()设置自定义头部，不能发送和接收cookie，调用getAllResponseHeaders()方法总会返回空字符串。

对于本地资源，最好使用相对URL，在访问远程资源时再使用绝对URL。

 

comet：其实现是Http流。在整个生命周期内保持一个Http连接。浏览器向服务器发送一个请求，服务器保持连接打开，周期性向浏览器发送数据。另外长轮询

SSE Comet交互推出的API（服务器发送事件）                                                                                                                                 webSocket                                                                                                                                                                                         一般情况下，只读取服务器数据，SSE比较容易实现。如果要双向通信（聊天室），会选择webSocket。组合XHR和SSE也可实现双向通信。

CSRF（跨站点请求伪造）:未被授权系统有权访问某个资源                                                                                                              措施：1）：以SSL连接来访问可以通过XHR请求的资源；   2）：要求每一次请求都要附带经过相应算法计算得到的验证码         以下措施不起作用：1）发送POST而不是GET——容易改变；2）检查来源URL——来源记录容易伪造；3）基于cookie信息验证——容易伪造。

 

同源策略是对XHR的一个主要约束，为通信设置了“相同的域、相同的端口、相同的协议”限制。试图访问上述限制之外的资源，都会引发安全错误，除非采用被认可的跨域解决方案。这个解决方案叫做CORS。图像Ping和JSONP是另外两种跨域通信技术，不如CORS稳妥。