终止jQuery的$.ajax方法abort

最近遇到,如果用户频繁点击ajax请求,有两个问题: 
1,如果连续点击了5个ajax请求,前4个其实是无效的,趁早结束节省资源。 
2,更严重的问题是:最后一个发送的请求,响应未必是最后一个,有可能造成混乱。还需要一个队列来维护发送的请求和响应。 

我其实已经设计好了该队列的实现方式,后来发现jQuery直接通过abort方法,这样就不需要那么复杂的实现了,毕竟还有其他事情等着完成。 



用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。 
举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回数据。假设服务端是30秒刷新一次链接,如果我们在10秒时想要停止这个ajax请求,怎么办呢? 
先上代码,后面再解释 
1var ajaxGet = $.get("comet_server.php",{id:1},function(data){ 
2....//一些操作 
3}); 
4ajaxGet.abort(); 
上面这段代码其于两个知识点: 
1. $.get返回的数据类型是XMLHttpRequest,请参考手册。($.post、$.ajax、$.getJSON、$.getScript也同样) 
2. XMLHttpRequest对象有abort()方法 
注意:abort()后,ajax请求立即停止,但还是会执行后面的function()。如果想避免执行其中的操作,可以在function()开始位置加判断 
view sourceprint? 
1var ajaxGet = $.get("comet_server.php",{id:1},function(data){ 
2if(data.length == 0) return true; 
3....//一些操作 
4}); 
5ajaxGet.abort(); 



终止ajax请求: 
var request = $.get("ajax.aspx",{id:1},function(data){ 
    //do something 
}); 

//终止请求动作. 
request.abort(); 


防止重复请求: 
var request; 

if(request != null) 
    request.abort(); 

request = $.get("ajax.aspx",{id:1},function(){ 
    //do something 
}); 


ajax & setTimeout实现 secondTry 在等待一秒之后将firstTry的ajax终止: 
var firstTry  = $.ajax( 
  //do something 
  ); 
var secondTry = setTimeout(function(){alert('ok');firstTry.abort()},1000); 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值