检查超时-Ajax之四

有时发出一个请求，后端什么时候返回前端并不清楚。有可能是1秒，3秒甚至更长时间。因此有必要添加一个参数来设置等待的时间，如果在设定的时间内没有返回结果则放弃该次请求。

实现思路：发出请求后指定一个时间，如超过该时间没有返回结果则忽略。window对象的setTimeout方法再次起作用了(setTimeout能解决很多IE下古怪的bug)

代码如下：

var timeout = opt.timeout || 0;//指定是否启用请求超时处理，不传参数timeout则忽略
 
var isTimeout = false; //一个标志位，是否超时
 
if(timeout>0){
    setTimeout(function(){
        isTimeout = true;
    },timeout);
}
 
//最后将isTimeout用在onreadystatechange处理中
xhr.onreadystatechange = function(){
    if (xhr.readyState == 4 && !isTimeout){//当请求完成，且没有超时才处理结果
        _onStateChange(xhr, type, success, failure);
    }else{}
};

调用如下

Ajax.text('../servlet/Ajax',{
    timeout : 2000,
    success : function(){},
    failure : function(){}
});

后台我用servlet，直接sleep下即可模拟超时(sleep时间3000大于timeout的设置2000)

try {
    Thread.sleep(3000);
} catch (InterruptedException e) {
    e.printStackTrace();
}
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("request success");
out.flush();
out.close();