Check if some ajax on the page is in processing?

Question

I have this code

$('#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);
       }

   });

});

Suppose user clicked on #postinput and it takes 30 seconds to process.If in the meantime user clicks on #postinput2 . I want to give him an alert "Still Processing Your Previous request" . Is there a way i can check if some ajax is still in processing?

Suppose I have lot of ajax running on the page. Is there a method to know if even a single one is in processing?

So, quick (and possibly dirty) idea of mine is: just use a global boolean "isProcessing" and set it to true/false while processing / in success method of ajax. Edit: Ok, now there's the same thing as an answer ;) — Dominik
– Dominik, Commented Oct 29, 2013 at 13:10
@Dominik tnx.. if i have a number of ajax on same page suppose 5. This true & false method won't work then. Is there any method to check if even 1 ajax is in progress..? — Ace
– Ace, Commented Oct 29, 2013 at 13:16
Just check $.active property. It's not mentioned in the official documentation, and it might change later, but currently it's covered by unit tests, hasn't changed since 2010 and even has some bug tracking attached. ) — raina77ow
– raina77ow, Commented Oct 29, 2013 at 13:19

tymeJV · Accepted Answer · 2013-10-29 13:10:05Z

6

You can set a variable to true or false depending on when an AJAX call starts, example:

var ajaxInProgress = false;

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

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

Now check it if you need to before a call:

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

Or, use global AJAX events to set the variable

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

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

answered Oct 29, 2013 at 13:10

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

tymeJV Over a year ago

@RoryMcCrossan - Did not even think of that :\ -- I was hoping with OP's logic that 2 would never run concurrent, but there's a chance..hmm..ideas?

Ace Over a year ago

tnx.. I wanted to ask if i have a number of ajax on same page suppose 5. This true & false method won't work then. Is there any method to check if even 1 ajax is in progress..?

tymeJV Over a year ago

Ehh not that I know of

darthmaim Over a year ago

You could increase a counter in ajaxStart and decrease it in ajaxStop, when its >0 you know there are pending ajax calls.

raina77ow Over a year ago

That's all done by jQuery internally, no need to duplicate this functionality.

Collectives™ on Stack Overflow

Check if some ajax on the page is in processing?

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related