jQuery将函数绑定到ready或ajaxSuccess

时间:2017-12-12 19:45:01

标签: jquery ajax

我需要在ajaxSuccess上执行代码或重新加载页面。

如何将两者绑定到文档?

$(document).on("ready, ajaxSuccess", function() {
    //...
});

以上代码不起作用

2 个答案:

答案 0 :(得分:0)

执行ready(根据文档)的首选方式是

$(function(){
  // dom is ready here
})

不推荐使用其他语法

ajaxSuccess()并不需要dom准备就绪,因此您可以将文档放在任何位置,因为文档始终存在

$( document ).ajaxSuccess(function( event, xhr, settings ) {...
$(function(){
  // dom is ready here
})

答案 1 :(得分:0)

你可以写一个这样的函数:

(function($) {
    //Your handler
    var myHandler = function(e, xhr, settings) {
        if (xhr) {
            alert("Hello world from Ajax");
        }
        alert("Hello World from both");
    }

    //Invoking your Handler on ready and ajaxSuccess
    $(myHandler);
    $(document).ajaxSuccess(myHandler);
})(jQuery);
  • 基本上,您可以创建一个公共方法并通过不同的事件调用它们
  • 请注意,第一个(function($) {...})(jQuery)部分仅用于避免任何冲突。