正在處理Ajax請求jQuery

Question

有沒有辦法檢查是否有Ajax請求正在進行？ 喜歡的東西：

if ($.ajax.inProgress){ do this; } else { do that; } 

Answer 1

你應該基本設置變量的腳本設置爲false和阿賈克斯頂部的啓動將其設置爲true並在success處理器再次設置爲false爲described here。

Answer 2

如果您完全控制了JavaScript代碼，那麼無論何時您啓動ajax請求並在請求完成時（遞交成功，失敗或超時）遞減該變量，都可以遞增變量。這樣你總能知道是否有請求正在進行。

Answer 3

是有

 

$.ajax({ 
    type: 'get', 
    url: 'url', 
    data: { 
       email: $email.val() 
    }, 
    dataType: 'text', 
    success: function(data) 
    { 
     if(data == '1') 
     { 
      $response.attr('style', '') 
        .attr('style', "color:red;") 
        .html('Email already registered please enter a different email.'); 
     } 
     else 
     { 
      $response.attr('style', '') 
        .attr('style', "color:green;") 
        .html('Available'); 
     } 
    }, 
    beforeSend: function(){ 
       $email.addClass('show_loading_in_right') 
    }, 
    complete: function(){ 
       $email.removeClass('show_loading_in_right') 
    } 
}); 
 

的beforeSend將你需要的時候Ajax請求剛開始做，Ajax請求完成後完成將被調用的過程。
documentation

Answer 4

你可能會喜歡這樣的：

$(document).ready(function() { 
    var working = false; 
    $("#contentLoading").ajaxSend(function(r, s) { 
     $(this).show(); 
     $("#ready").hide(); 
     working = true; 
    }); 

    $("#contentLoading").ajaxStop(function(r, s) { 
     $(this).hide(); 
     $("#ready").show(); 
     working = false; 
    }); 

    $('#form').submit(function() { 
     if (working) return; 
     $.post('/some/url', $(this).serialize(), function(data){ 
      alert(data); 
     }); 
    }); 
}); 

Answer 5

要放棄Ajax請求， 使用

if($.active > 0){ 
ajx.abort();//where ajx is ajax variable 
} 

要繼續運行Ajax請求， 使用

if($.active > 0){ 
return; 

}