Question

有没有办法在每次从服务器返回响应后调用函数而不在回调后显式调用它？

主要目的是我有一个通用的错误处理程序服务，我在每个请求的回调中调用它，我想在某处指定它，它应该自动调用。

Answer 1

我给了Gloopy +1解决方案，然而，他引用的other post在配置和拦截器中定义的函数中执行了DOM操作。相反，我将启动微调器的逻辑移动到截取器的顶部，并使用$rootScope中的变量来控制微调器的隐藏/显示。它似乎工作得很好，我相信更容易测试。

<img ng-show="polling" src="images/ajax-loader.gif">

angular.module('myApp.services', ['ngResource']).
.config(function ($httpProvider) {
    $httpProvider.responseInterceptors.push('myHttpInterceptor');
    var spinnerFunction = function (data, headersGetter) {
        return data;
    };
    $httpProvider.defaults.transformRequest.push(spinnerFunction);
})
//register the interceptor as a service, intercepts ALL angular ajax http calls
.factory('myHttpInterceptor', function ($q, $window, $rootScope) {
    return function (promise) {
        $rootScope.polling = true;
        return promise.then(function (response) {
            $rootScope.polling = false;
            return response;
        }, function (response) {
            $rootScope.polling = false;
            $rootScope.network_error = true;
            return $q.reject(response);
        });
    };
})
// other code left out

Answer 2

如果您指的是使用$http或$resource的请求，则可以通过向$httpProvider.responseInterceptors添加代码来向响应添加通用错误处理。请参阅this post。

中的详情

虽然它是关于使用this fiddle启动/停止微调器，但您可以使用// do something on error在“停止微调器”部分添加代码。感谢来自the groups的zdam！

Angularjs收到后挂钩或类似的？

2 个答案: