检查超时-Ajax之四
有时发出一个请求,后端什么时候返回前端并不清楚。有可能是1秒,3秒甚至更长时间。因此有必要添加一个参数来设置等待的时间,如果在设定的时间内没有返回结果则放弃该次请求。
实现思路:发出请求后指定一个时间,如超过该时间没有返回结果则忽略。window对象的setTimeout方法再次起作用了(setTimeout能解决很多IE下古怪的bug)
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 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 {} }; |
调用如下
1 2 3 4 5 | Ajax.text( '../servlet/Ajax' ,{ timeout : 2000, success : function (){}, failure : function (){} }); |
后台我用servlet,直接sleep下即可模拟超时(sleep时间3000大于timeout的设置2000)
1 2 3 4 5 6 7 8 9 10 | 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(); |
请求超时后,success/failure都不会被调用。这样处理有一定的合理性,但缺陷也显而易见,用户不知是超时了还是其它什么错误。下一篇将有所改进。
相关:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步