js021-Ajax与Comet
本章内容：
使用XMLHttpRequet对象
使用XMLHttpRequet事件
跨域Ajax通信的限制
Ajax技术的核心是XMLHttpRequet对象
21.1 XMLHttpRequet对象
创建XHR对象：
|
var xhr = createXHR(); |
21.1.1 XHR用法
在使用XHR对象是，调用的第一个方法是open().该方法接收三个参数：要发送请求的类型(“get”、”post” 等 )，请求的URL和表示是否异步发送请求的布尔值。
|
xhr.open("get", "example.php", fasle); |
调用open()方法并不会真正发送请求，而是启动一个请求一备发送 |
要发送特定请求，要像如下调用send()方法
|
xhr.open("get", "example.txt", fasle); xht.send(null); |
send()方法接收一个参数：要作为请求主题发送的数据，如果不需要通过请求主发送数据则用null。
因为该请求是同步的，JS代码会等到服务器响应后才继续执行
21.1.2 HTTP头部信息
默认情况下，在发送XHR请求的同时，还会发送下列头部信息：
|
头部信息 |
说明 |
|
Accept |
浏览器能够处理的内容类型 |
|
Acce-pt-Charset |
浏览器能够显示的字符集 |
|
Accept-Encoding |
浏览器能够处理的压缩编码 |
|
Accept-Language |
浏览器当前设置的语言 |
|
Connection |
浏览器与服务器之间的连接类型 |
|
Cookie |
当前页面设置的任何Cookie |
|
Host |
发出请求的页面所在的域 |
|
Referer |
发出请求的页面的URI |
|
User-Agent |
浏览器的用户代理字符串 |
21.1.3 GET请求
使用get请求时经常会发生错误：查询字符串的格式有问题。
查询字符串的没个参数名称和值都必须使用encodeURIComponent()进行编码，然后才能放到url的末尾。而且所有的名-值对都必须用和号（&）分开。
|
xhr.open("get", "example.php", name1 = value1&name2 = value2); |
21.1.4 post请求
用于向服务器发送应该被保存的数据。Post应该把数据作为请求的主题提交，get请求传统上不是这样的。Post方法可以传入多个参数，且格式不限。
发送post请求的第二部是想sent()方法中传入某些数据。
21.2 XMLHttpRequest 2级
21.2.1 formdata
表单数据序列化。
Formdata为序列化表单以及创建与表单格式相同过得数据提供便利。如下创建了一个formdata对象，并向其添加了一些数据：
|
var data = new FormData(); data.append ("name", "meimei"); |
append()方法接收两个参数：键和值。分别对应表单字段的名字和字段中包含的值。可以添加任意多个键值对。
21.2.2 超时设定
Timetout 属性，表示请求在等待相应多少好秒后就终止。在给timeout设置一个数值后，如果在规定的事件内浏览器还没有接收到响应，那么就会触发timeout事件，进而会调用ontimeout事件处理程序。
21.2.3 overrideMimeType()方法
调用该方法必须在send()方法之前，才能保证重写相应的MIME类型。
21.3 进度事件
有以下6个进度事件：
|
事件 |
说明 |
|
loadstart |
在接收到响应数据的第一个字节时触发 |
|
progress |
在接收响应期间持续不断的触发 |
|
error |
在请求发生错误是触发 |
|
abort |
在因为调用abort()方法而终止连接时触发 |
|
load |
在接收到完整的相应数据时触发 |
|
loadend |
在通信完成或者触发error、abort或load事件后触发。 |
21.3.1 load事件
21.3.2 progress事件
21.4 跨资源共享
21.4.1 IE对CORS 的实现
XDR(XDomainRequest)类型，该对象与XHR相似。以下是XDR和XHR之间的不同之处
|
cookie不会随请求发送，也不会随响应器返回； |
|
只能设置请求头部信息中的Content-Type字段； |
|
不能访问响应头部信息 |
|
只支持get和post请求 |
本章看不下去了，周四前再来补上来
原文地址：http://www.cnblogs.com/lal-fighting/p/5164165.html