javascript - react - backbone significado

Controlador de error global para solicitudes backbone.js ajax

Question

¿Hay alguna manera de vincular un controlador de errores para solicitudes ajax que se realiza por backbone.js?

Mi situación: puedo obtener 401 (no autorizado) en cualquier momento, así que tengo que mostrar la ventana emergente de inicio de sesión.

Answer 1

La sincronización de Backbone desencadena un evento de ''error'' cuando ocurren errores. Entonces, un enfoque que podría tomar es extender los objetos Modelo y Colección de Backbone para agregar estas comprobaciones de error de complemento. Se vería algo como esto:

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({
});

y harías algo similar para el objeto Collection. No he probado lo anterior, pero creo que es bastante cercano. Obviamente, elegirías mejores nombres de clase. El método init solo permite a las subclases tener la oportunidad de hacer su propia inicialización.

Answer 2

Lo que encontré es posiblemente la "forma más correcta" en Backbone:

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

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

Puede colocar cualquier lógica de manejo de errores sin extender Modelos o Colecciones. Haga uso de backbone.Events manejador interno y transmita mensajes a otros manejadores de errores o algo así.

Answer 3

Puede manejar esto mediante el método jQuery .ajaxSetup. Tenemos una situación idéntica (aplicación de la red troncal que puede recibir un error 401 en cualquier momento) y la manejamos usando jQuery''s ajaxSetup en el punto de entrada de nuestra aplicación:

var appView = new AppView(options);

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

appView.render();

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

Este enfoque proporciona un manejo global de errores sin la necesidad de extender las clases base de Backbone.

Answer 4

Usa jQuery directamente para esto.

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

Puede hacer lo mismo para CSRF en rieles, por ejemplo (utilizando ajaxSend).

Puede leer más aquí: http://api.jquery.com/jQuery.ajax#advanced-options