检查页面上是否有某个ajax正在处理中?

时间:2013-10-29 13:06:11

标签: javascript php jquery ajax

我有这段代码

$('#postinput').on('keyup',function(){ 
    var txt=$(this).val();

    $.ajax({
       type: "POST",
       url: "action.php",
       data: 'txt='+txt,
       cache: false,
       context:this,
       success: function(html)
       {
           alert(html);
       }

   });

});


$('#postinput2').on('keyup',function(){ 
    var txt2=$(this).val();

    $.ajax({
       type: "POST",
       url: "action.php",
       data: 'txt2='+txt2,
       cache: false,
       context:this,
       success: function(html)
       {
           alert(html);
       }

   });

});

假设用户点击#postinput并需要30秒才能处理。如果用户同时点击#postinput2。我想给他一个提醒"Still Processing Your Previous request"。有没有办法可以检查一些ajax是否还在处理中?

假设我在页面上运行了很多ajax。有没有一种方法可以知道是否还有一个正在处理?

1 个答案:

答案 0 :(得分:6)

您可以将变量设置为truefalse,具体取决于AJAX调用何时开始,例如:

var ajaxInProgress = false;

$('#postinput2').on('keyup',function(){ 
    var txt2=$(this).val();

    ajaxInProgress = true;
    $.ajax({
      ..
      ..
      success: function(html) {
          ajaxInProgress = false;

现在,如果您需要在通话前检查它:

if (ajaxInProgress)
    alert("AJAX in progress!");

或者,使用全局AJAX事件来设置变量

$( document ).ajaxStart(function() {
   ajaxInProgress = true;
});

$( document ).ajaxStop(function() {
   ajaxInProgress = false;
});