重构许多jquery-ajax调用——最佳实践?

您可以使用jquery中的$.Ajaxsetup()方法来设置一些常见的Ajax设置。

例如,如果您要在某个页面上一次又一次地发布到同一个URL,您可以在ajaxsetup中设置它。这意味着您必须将更少的参数传递给类似Richard提供的函数。Ajax方法第一个参数的任何属性都可以在$.AjaxSetup()中设置为默认值。

$.ajaxSetup({
    url: 'my/ajax/url'
    success: function() {
        // Do some default stuff on success
    },
    error: function() {
        // Do some default stuff on a failure
    }
    // etc...
});

它们可以在任何Ajax调用中被重写。所以,现在你可以做:

$.ajax({data:{foo:'bar',bar:'foo'}});

您可以覆盖URL,例如:

$.ajax({url:'different/ajax/url',data:{foo:'bar',bar:'foo'}});

我们经常为Ajax调用使用一个包装函数,以简化使用过程,这样您就可以做到:

function NewAjax(url, data, success)
{
    $.ajax({
      url: url,
      data: data,
      success: success,
      fail: function ()
      {
        // Do generic failure handling here
      }
}

但我经常喜欢使用jquery ajax事件绑定到每个ajax事件:

http://docs.jquery.com/Ajax

因此,您可以绑定到每个Ajax调用的每个失败或成功,例如:

Ajaxerror(回调) AjaxSuccess(回调)

如Richard所示,查看代码片段之间的区别,并将它们作为参数传递给函数。JavaScript可以将函数作为参数传递,这样可以消除大量的冗余。

如果URL没有改变,那么为什么要把它作为一个参数传入,你可以有一个全局变量,它将包含URL的主要部分,并且只传入URL的改变部分。