论坛首页 Web前端技术论坛

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

浏览 2411 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (10) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-08-17   最后修改:2010-08-17

 

最近在写一个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+测试有效。

 

 

   发表时间:2010-08-17  
顶,学习
0 请登录后投票
   发表时间:2011-06-09  
zhouyrt 写道

 

最近在写一个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+测试有效。

 

 

很好,学习

0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics