JQuery ajaxComplete for all ajax in the page

Question

I have Java Script file and i want do something after Ajax request/response is completed , so i found this function but i have multiple Ajax request/response and i want it to triger after all of theme completed.

$(document).ajaxComplete(function() {
  alert("Completed");
});

$(function main() {
  ...
  for (var i = 1; i < length; i++) {
    $.ajax({...});
});

How could i implement this?

Possible duplicate of http://stackoverflow.com/questions/287188/how-to-know-when-all-ajax-calls-are-complete — Aditya Singh, Apr 08 '13 at 10:43

score 0 · Accepted Answer · answered Apr 08 '13 at 10:54

0

Use ajaxStop instead of ajaxComplete which fires on completion of each ajax request.

$( document ).ajaxStop(function() {

});

answered Apr 08 '13 at 10:54

Arun P Johny

384,651
66
527
531

score 0 · Answer 2 · answered Apr 08 '13 at 11:01

By using ajaxsend and ajaxstop to easyly identify the started ans ended.

$("document").bind("ajaxSend", function() {
               console.log("********ajax call started ********");
  }).bind("ajaxStop", function() {
               console.log("********ajax call stoped ********");
  }).bind("ajaxError", function() {
               console.log("********ajax call error ********");
  });

JQuery ajaxComplete for all ajax in the page

2 Answers2