Question

我在webapplication中使用jquery ajax来处理很多不同的领域。对于大多数调用，成功函数非常类似，因此将它们重构为常用函数是有意义的。但是，当一些ajax调用成功时，我正在调用

$(event.target).effect("highlight",{},3000);

要获得调用成功的视觉反馈，有没有办法用常用函数执行此操作，因为据我所知只会从ajax调用中获取返回值？

Answer 1

每次都可以分解出重复的逻辑，但是你需要在一个包装函数中调用它，它可以访问你想要更改的元素。

//Generic success handler
function handler(element) {
  $(element).effect("highlight",{},3000)
}


$('#element1').on('click', function(event) {
  $.ajax({
    //other options...
    success: function() { handler(event.target) }
  })
});

$('#element2').on('click', function(event) {
  $.ajax({
    //other options...
    success: function() { handler(event.target) }
  })
});

Answer 2

你可以使用ajaxSuccess 全局回调，请参阅链接，你很高兴。例如：

$( document ).ajaxSuccess(function( event ) {
    $(event.target).effect("highlight",{},3000);
  }
});

这将在任何成功的ajax调用上调用。

jquery ajax成功 - 如何在一个通用函数中获取启动器？

2 个答案: