FormData
1.FormData为序列化表单以及创建与表单格式相同的数据(用于通过XHR传输)提供了便利
var data = new FormData();
data.append("name","csy");
append方法接收两个参数:键和值,分别对应表单的字段的名字和字段的值。
可以像这样添加任意多个键值对。向构造函中传递表单元素,可以利用表单元素中的数据预先向其中填入键值对。
var data = new FormData(document.form[0]);
创建了FormData实例过后,可以直接将它传递给XHR的send函数
var form = document.getElementById("user-info");
xhr.send(new FormData(form));
超时设定
IE8为XHR对象添加了一个timeout属性,表示请求在等待多少毫秒之后会终止。在给定的时间数值内浏览器还没有接收到响应,那么就会触发timeout事件
xhr.open(“get”,"timeout.php",true);
xhr.timeout = 1000;
xhr.timeout = fucntion(){
alert(“Request did not return in a second”);
}
xhr.send();
注意:请求终止时会调用ontimeout事件处理程序。但此时readyStatus可能已经变为4了,这意味着会调用onreadystatuschange事件处理程序。但是在请求终止之后才访问status会导致错误,因此需要将检查status的语句封装到try-catch语句中
overrideMimeType()方法
Firefox最早引入了overrideMimeType()方法,用于重写XHR响应的MIME类型。因为响应的MIME类型决定了XHR对象如何处理它,所以提供一种方法能够重写服务器返回的MIME类型是很有用的。
关于MIME的详细描述请移步:http://www.w3school.com.cn/media/media_mimeref.asp
比如:服务器返回的MIME类型是text/plain,但数据中实际包含的是XML。根据XML类型,即使数据是XML,responseXML属性中仍然是null,通过调用overrideMImeType()方法,可以保证把响应当做XML而非纯文本来处理
var xhr = new XMLHttpRequest();
xhr.open(“get”,"text.php",true);
xhr.overrideMimeType("text/xml");
xhr.send(null);
这个例子强迫XHR对象将响应当做XML而非纯文本来处理。必须在send()之前调用overrideMimeType()才能保证重写响应的MIME类型