如何知道是否有任何Ajax请求和ajax成功

Question

我想知道如何编码

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

注意: 我不打算在我的每个ajax请求函数中反复编码.我想要它Genric.这样我的脚本就知道是否有任何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()方法而不是更改displayCSS属性.