angularjs - 在 Angularjs 中处理 $http.get 和 $http.post 错误

Question

伙计们，

我正在使用我的代码$http.get。$http.post对于如何以全局方式处理这些调用期间发生的错误，我有点迷茫。目前我.success(doSomething).error(doSomething)在每个电话上都有。

我想改变它，而只是在我的页面顶部显示错误。

我阅读了有关使用拦截器的信息myapp.something。但我绝对不明白如何实现这一点。

请协助

Answer 1

响应拦截器在 angularjs 应用程序的配置阶段附加。您可以使用它们来全局响应任何 $http 请求。请注意，模板文件也使用 $http 请求，因此您可能希望将拦截器中的某些请求过滤为仅您希望响应的请求。

要成功使用响应拦截器，需要对Promise模式有很好的理解。

下面是如何使用它们的示例：

angular.module('services')
    .config(function($httpProvider){
        //Here we're adding our interceptor.
        $httpProvider.responseInterceptors.push('globalInterceptor');
    })
    //Here we define our interceptor
    .factory('globalInterceptor', function($q){
        //When the interceptor runs, it is passed a promise object
        return function(promise){

            //In an interceptor, we return another promise created by the .then function.
            return promise.then(function(response){
                //Do your code here if the response was successful

                //Always be sure to return a response for your application code to react to as well
                return response;
            }, function(response){
                //Do your error handling code here if the response was unsuccessful

                //Be sure to return a reject if you cannot recover from the error somehow.
                //This way, the consumer of the $http request will know its an error as well
                return $q.reject(response);
            });
        }
    });