AngularJS处理不同位置的不同错误代码

时间:2013-04-05 08:11:02

标签: angularjs deferred angularjs-service

我有一个服务,其中包含所有ajax调用使用的$ http的通用调用。在这里,我有“集中式”错误处理,其中状态代码导致重定向。

“FieldsSync”服务:

return $http({
    method: 'POST',
    url: url,
    data: $.extend(defaultPostData, postData)
}).error(function(data, status) {
    switch (status) {
        case 401: // "Unauthorized". Not logged in. 
            redirect.toLoginPage();
            break;
        case 403: // "Forbidden". Role has changed.
            redirect.toLogoutPage();
            break;
    }
});

当从控制器调用其中一个服务函数时,我总是返回延迟对象,以便能够连接更多错误回调,以便能够处理应该为用户提供某种反馈的错误。

控制器:

fieldsSync.createField(newField).success(function(data) {
    ...
}).error(function(data, status) {
    switch (status) { // <--- DO NOT WANT
        case 401:
        case 403:
            return; // These errors are handled (=redirects) in the generic error callback and we don't want to show do anything while it redirects.
    }
    ... // "Individual" error handling. =Displaying messages and stuff
});

但是因为我不希望在重定向发生之前弹出错误消息,所以如果已经处理了状态代码,我必须退出错误回调。

问题是: 如何摆脱控制器中的开关盒? 当处理特定的错误代码时,是否可以退出错误回调链?或者是否有可能以一种不那么丑陋的方式解决这个问题? :)

这对我来说是一个反复出现的问题,我的思绪似乎陷入困境。

我检查了文档,无法在$ http或$ q中找到任何漂亮的解决方案。

2 个答案:

答案 0 :(得分:1)

我建议你使用responseInterceptor来处理这些情况:

http://docs.angularjs.org/api/ng。$ HTTP

当我和你有同样的“问题”时,我写了以下内容。它只是初稿,但你可以根据自己的需要进行改进

InternalServerErrorResponseInterceptor = function($q, InternalServerErrorService) {
    return function(promise) {
        return promise.then(function(response) {
            return response;
        }, function(response) {
            if (response.status > 499) {
                InternalServerErrorService.handleError();
                return $q.reject(response);
            }
            return $q.reject(response);
        });
    };
};
module.factory('InternalServerErrorResponseInterceptor', ['$q', 'InternalServerErrorService', InternalServerErrorResponseInterceptor]);
module.config(['$httpProvider', function($httpProvider) {
        $httpProvider.responseInterceptors.push('InternalServerErrorResponseInterceptor');
    }]);

现在您的特定InternalServerErrorService可以按照您希望的方式处理它:)

问候

答案 1 :(得分:0)

我提出的一个解决方案是重做同步函数(puh!),以便它们不会返回延迟对象。服务中的函数可以将回调作为参数。然后,我可以在调用之前检查错误是否已由通用错误处理处理。

伪代码:

服务:

fieldsSync.createField(newField, successCallback, failCallback) {
    ...
    genericErrorHandlerResultingInRedirects()
    if (not 401 || 403) {
        failCallback()
    }
};

控制器:

fieldsSync.createField({}, function successCallback(){}, function failCallback(){
    /* Handle errors that should give the user feedback */
});

非常欢迎其他解决方案。