Ajax请求——XMLHttpRequest2级

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类型


猜你喜欢

转载自blog.csdn.net/milan_kunderla/article/details/80972865
今日推荐