AngularJS 在不同的地方处理不同的错误代码

Question

我有一个服务，其中包含对所有 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;
    }
});

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

Controller :

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

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

问题是:我如何摆脱 Controller 中的开关盒？是否可以在处理特定错误代码后退出错误回调链？或者是否有可能以不那么丑陋的方式解决这个问题？ :)

这对我来说是一个反复出现的问题，我的思绪似乎卡住了。

我已经检查了文档，但在 $http 或 $q 中找不到任何漂亮的解决方案。

Answer 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 可以按照您希望的方式处理它:)

问候