javascript – 如何从Ember数据适配器转换到路由

在我的应用程序中,我有一个ApplicationAdapter,其ajaxError方法是自定义的.在这种方法中,我希望能够transition to a given route.我该怎么做？

App.ApplicationAdapter = DS.RESTAdapter.extend({
    ajaxError: function(jqXHR) {
        var error = this._super(jqXHR);
        if (jqXHR) {
            switch(jqXHR.status) {
            // [...]
            case 401:
                // How can I transitionTo('login') here?
            }
            // [...]
        }
    }
});

解决方法:

而不是适配器中的转换,不是一个好的实践恕我直言,您可以返回错误的实例并在当前路由的错误操作中处理它：

App.UnauthorizedError // create a custom Error class

App.ApplicationAdapter = DS.RESTAdapter.extend({
    ajaxError: function(jqXHR) {        
        var defaultAjaxError = this._super(jqXHR);
        if (jqXHR) {
            switch(jqXHR.status) {            
                case 401:
                return new App.UnauthorizedError()
            }
        }
        return defaultAjaxError;
    }
});

App.IndexRoute = Ember.Route.extend({
  model: function() {
      return this.store.find('person');
  },
  actions: {
      error: function(reason) {
          // all errors will be propagated to here, we check the instance to handle the UnauthorizedError          
          if (reason instanceof App.UnauthorizedError) {
              this.transitionTo('login')
          }
      }
  }  
});

如果要将其用于所有路由,可以将未经授权的转换放在ApplicationRoute中.由于ApplicationRoute是所有路由的父级,而不是处理的操作或返回true的操作,因此将冒泡到父路由.

App.ApplicationRoute = Ember.Route.extend({
    actions: {
      error: function(reason) {
          if (reason instanceof App.UnauthorizedError) {
              this.transitionTo('login')
          }
      }
  }
});

App.BarRoute = Ember.Route.extend({
    actions: {
        error: function(reason) {
            // handle errors of bar route

            // bubble to application route
            return true;
        }
    }
});

这是这个样本http://jsfiddle.net/SkCH5/的小提琴

标签：javascript,ember-js,ember-data
来源： https://codeday.me/bug/20190722/1508176.html