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赋值为一个响应函数后可被执行。

大概如下：
Js代码  
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.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+测试有效。


IE8_XHR.rar (984 Bytes)
下载次数: 24

顶，学习

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赋值为一个响应函数后可被执行。

大概如下：
Js代码  
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.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+测试有效。


很好,学习

呵呵，找个机会...