jQuery ajaxStop

The jQuery ajaxStop event gets fired when all the Ajax requests in the page have completed, it does not fire when an individual request gets completed but waits for all the ajax request in the page to get completed.

This event can be typically used to show / hide loading.. indicators in a page which has multiple Ajax request executing simultaneously.

The ajaxStart event handler can be used to show the Loading.. indicator and the ajaxStop handler can be used to hide the Loading.. indicator.

The syntax for the ajaxStop event handler is as follows.

ajaxStop(function())

Example
$("#divLoading").ajaxStart(function(){

      $(this).show();

});

$("#divLoading").ajaxStop(function(){

      $(this).hide();

});

Related Post

jquery ajax Error Handling
jquery ajax Error Handling Example
jQuery Ajax request progress indicator events
jQuery Ajax request progress events Example
jquery ajaxStart 
jquery ajaxStop 
jquery ajaxComplete
jquery ajaxSuccess
jquery ajaxSuccess vs ajaxComplete
jquery ajaxStop vs ajaxComplete
jquery ajaxStop vs ajaxSuccess