backbone.js ajax 请求的全局错误处理程序

Question

有没有办法为backbone.js 执行的ajax 请求绑定一个错误处理程序？

我的情况：我可以随时收到401（未经授权），所以我需要显示登录弹出窗口。

Answer 1

当发生错误时，Backbone 的同步会触发“错误”事件。因此，您可以采取的一种方法是扩展 Backbone 的模型和集合对象以添加这些附加错误检查。它看起来像这样：

ErrorHandlingModel = Backbone.Model.extend({

    initialize: function(attributes, options) {
        options || (options = {});
        this.bind("error", this.defaultErrorHandler);
        this.init && this.init(attributes, options);
    },

    defaultErrorHandler: function(model, error) {
        if (error.status == 401 || error.status == 403) {
            // trigger event or route to login here.
        }
    }

});

OtherModel = ErrorHandlingModel.extend({
});

您将为 Collection 对象执行类似的操作。我还没有测试过上面的内容，但认为它非常接近。显然，您会选择更好的类名。 init 方法只是让子类有机会进行自己的初始化。

Answer 2

为此直接使用 jQuery。

$(document).ajaxError(function (e, xhr, options) {
  // do your stuff
});

例如，您可以对 Rails 中的 CSRF 执行相同的操作（使用 ajaxSend）。

您可以在这里阅读更多信息： http://api.jquery.com/jQuery.ajax#advanced -选项

Answer 3

我发现的可能是 Backbone 中“最正确的方法”：

var GeneralErrorView = Backbone.View.extend({
  events: {
    'ajaxError': 'handleAjaxError'
  },
  handleAjaxError: function (event, request, settings, thrownError) {
    //...handling goes here
  }
});

this.view = GeneralErrorView({el: document});

您可以放置​​任何错误处理逻辑，而无需扩展模型或集合。在处理程序中使用 Backbone.Events 并将消息传输到其他错误处理程序或类似的东西。

Answer 4

您可以通过 jQuery .ajaxSetup 方法来处理此问题。我们有一个相同的情况（骨干应用程序可能随时收到 401 错误），我们通过在应用程序的入口点使用 jQuery 的 ajaxSetup 来处理它：

var appView = new AppView(options);

$.ajaxSetup({
    cache: false,
    statusCode: {
        401: function () {
            appView.signIn();
        }
    }
});

appView.render();

Backbone.history.start({ root: config.rootUrl, pushState: true });

这种方法提供全局错误处理，而无需扩展 Backbone 基类。