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+测试有效。