javascript - 全局 ajax 处理程序 jquery

Question

我正在使用像

这样的全局 ajax 处理程序

$(document).ajaxError(function(e, xhr, settings, exception) { 
});

$(document).ajaxStart(function(e, xhr, settings, exception) {
    $(".spinner").show();
})

$(document).ajaxComplete(function(e, xhr, settings, exception) {
    $(".spinner").hide();   
})

而且效果很好。

但是我有一些内容是通过 ajax 从服务器加载的，并且我正在加载一些 javascript 来生成新的 ajax 请求。当这个 ajax 请求开始时 - 全局处理程序不工作:(

Answer 1

描述

您应该使用 jQuery 的 live() 或 on() 方法来绑定(bind)您的处理程序。这将适用于新元素。

如果你使用 jQuery 1.7 你应该使用 .on() 方法，如果不使用 .live()

示例

直播()

$(document).live("ajaxStart", function(e, xhr, settings, exception)  {
    $(".spinner").show();  
});

$(document).live("ajaxComplete", function(e, xhr, settings, exception)  {
    $(".spinner").hide();  
});

开启()

$(document).on("ajaxStart", function(e, xhr, settings, exception)  {
    $(".spinner").show();  
});

$(document).on("ajaxComplete", function(e, xhr, settings, exception)  {
    $(".spinner").hide();  
});

更多信息

• > jQuery.live()
• > jQuery.on()