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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值