javascript - jQuery ajaxStart 仅适用于第一个请求

Question

有一个页面上有很多请求ajax。在执行查询时，我想显示一个带有文本“正在加载”的 block 。

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

但它只适用于第一个请求。

Answer 1

这就是 ajaxStart 的工作原理，来自 docs :

Description: Register a handler to be called when the first Ajax request begins

我认为您应该手动显示和隐藏每个 ajax 调用的加载程序，在 ajax 调用之前调用 $( "#loader").show(); 然后使用 complete 选项ajax 来隐藏它，像这样:

$( "#loader" ).show();
$.ajax({
        type: "POST",
        url: url,
        data: data,
        success: function(msg) {
            //stuffs
        },
        complete: function() {
            $( "#loader" ).hide();
        }
    });

已编辑:

如果您不想编辑您的 ajax 请求，也许您可​​以尝试 ajaxSend() 和 ajaxComplete()，它们应该对所有 ajax 执行调用，而不是 ajaxStart() 和 ajaxStop():

 $(document).ajaxSend(function() {
            $( "#loader" ).show();
        });
 $(document).ajaxComplete(function(){
            $( "#loader" ).hide();
        });