javascript - 如何知道是否有Ajax Request和ajax Success

Question

我想知道如何编写代码:

//if there is any ajax request
   $("#loader").css("display","block");
//on success:
    $("#loader").css("display","none");

注意: 我不会在我的每个 ajax 请求函数中一次又一次地编写代码。 我想要它是通用的，以便我的脚本知道是否有任何 ajax 请求执行 $("#loader").css("display","block"); 并且如果有任何 ajax 成功执行 $("#loader").css("display","none");.

Answer 1

你要找的神奇东西是jQuery.ajaxStart()和 jQuery.ajaxStop() .您可能还会发现 jQuery.ajaxComplete()有用。

例子:

$("#loader").ajaxStart(function() {
   $(this).show();
}).ajaxStop(function() {
   $(this).hide();
});

您应该使用 hide() 和 show() 方法，而不是更改 display CSS 属性。