javascript - 如何检查ajax调用是否进行以及何时完成

Question

我有以下代码，用于在页面完全加载(包括任何挂起的 ajax 调用)时隐藏页面加载器图像。

$('document').ajaxStop(function() {
    // place code to be executed on completion of last outstanding ajax call here
    $(".se-pre-con").fadeOut("slow");
  });

工作正常。但是，网站上的某些页面没有 ajax 调用，因此该代码不会在那里运行。
所以我需要一段代码首先检查当前页面是否有ajax调用，如果有，然后检查是否完成，然后运行此代码以隐藏加载图像。

Answer 1

如果您默认隐藏加载程序，然后使用 ajaxStart 显示它，并在 ajaxStop 上再次隐藏，它应该执行您想要的操作(我想想)

.se-pre-con { display : none; }

和

$(document).ajaxStart(function() {
    $(".se-pre-con").show();
}).ajaxStop(function() {
    $(".se-pre-con").fadeOut("slow");
});