IE8+中XMLHttpRequest对象timeout属性及ontimeout事件

 

最近在写一个ajax工具库，参考了JQuery等对请求超时的处理。偶然发现IE8的XMLHttpRequest对象已经增加这方面的支持了。在IE9 pre4测试也支持。如果W3C能将这两个东东标准化多好啊，不用那么的hack方式实现了。

见：http://msdn.microsoft.com/en-us/library/ms535874%28VS.85%29.aspx

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。

源码见附件，注意只在IE8+测试有效。

 

 

评论

2 楼 jingua1026 2011-06-09  

<div class="quote_title">zhouyrt 写道</div>
<div class="quote_div">
<p> </p>
<p>最近在写一个ajax工具库，参考了JQuery等对请求超时的处理。偶然发现IE8的XMLHttpRequest对象已经增加这方面的支持了。在IE9 pre4测试也支持。如果W3C能将这两个东东标准化多好啊，不用那么的hack方式实现了。<br><br>
见：<a href="http://msdn.microsoft.com/en-us/library/ms535874%28VS.85%29.aspx" target="_blank">http://msdn.microsoft.com/en-us/library/ms535874%28VS.85%29.aspx</a>
<br><br>
XMLHttpRequest的timeout属性可以设置，表示在等待响应多少毫秒之后终止。<br>
即如果在规定的时间内浏览器没有收到响应，那么就触发timeout事件，给xhr.ontimeout赋值为一个响应函数后可被执行。<br><br>
大概如下：</p>
<pre name="code" class="js">xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
try{
var s = xhr.status;
if(s&gt;= 200 &amp;&amp; s &lt; 300){
//success(xhr);
}else{
//failure(xhr);
}
}catch(e){}
}else{}
};
xhr.open();
xhr.timeout = 1000;
xhr.ontimeout = function(){
alert('request timeout');
}</pre>
 
<p>超时后再访问xhr的status属性会出异常，因此加上try catch。<br><br>
源码见附件，注意只在IE8+测试有效。</p>
<p> </p>
<p> </p>
</div>
<p>很好,学习</p>

1 楼 lixinlixin2008 2010-08-17  

顶，学习