終止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);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM