不久前我写了一个Ajax工具库。这篇是对请求超时处理的补充。IE8/9的XMLHttpRequest对象已经增加这方面的支持了。IE10 pre1测试也支持。如果W3C能将这两个东东标准化多好啊,不用那么的hack方式实现了。
XMLHttpRequest的timeout属性可以设置,表示在等待响应多少毫秒之后终止。
即如果在规定的时间内浏览器没有收到响应,那么就触发timeout事件,给xhr.ontimeout赋值为一个响应函数后可被执行。
主要代码如下
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
try{
var s = xhr.status;
if(s>= 200 && s < 300){
//success(xhr);
}else{
//failure(xhr);
}
}catch(e){}
}else{}
};
xhr.open();
xhr.timeout = 1000;
xhr.ontimeout = function(){
alert('request timeout');
}
超时后再访问xhr的status属性会出异常,因此加上try catch。
相关:
http://msdn.microsoft.com/en-us/library/ms535874%28VS.85%29.aspx