jquery - 页面中所有 ajax 的 JQuery ajaxComplete

Question

我有 Java Script 文件，我想在 Ajax 请求/响应完成后做一些事情，所以我找到了这个函数，但我有多个 Ajax 请求/响应，我希望它在所有主题完成后触发。

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

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

我怎么能实现这个？

Answer 1

使用ajaxStop而不是ajaxComplete，它在每个 ajax 请求完成时触发。

$( document ).ajaxStop(function() {

});

Answer 2

通过使用 ajaxsend 和 ajaxstop 来轻松识别开始和结束。

$("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 ********");
  });