当前位置: 首页 > 面试题库 >

$ httpProvider.responseInterceptors的替代项

梅飞龙
2023-03-14
问题内容

AngularJS V1.3中不再提供$ httpProvider.responseInterceptors的替代方法是什么?

我的与Angular JS 1.2一起使用的拦截器现在无法与1.3版一起使用

var angularErrorHandling = angular.module('xx-http-error-handling', []);
angularErrorHandling.config(function ($provide, $httpProvider, $compileProvider) {
    var elementsList = $();

     push function to the responseInterceptors which will intercept 
     the http responses of the whole application
    $httpProvider.responseInterceptors.push(function ($timeout, $q) {
        return function (promise) {
            return promise.then(function (successResponse) {                
                // if there is a successful response on POST, UPDATE or DELETE we display
                // a success message with green background
                if (successResponse.config.method.toUpperCase() == 'GET') {
                    var length = successResponse.data.length;                    
                    if (length == 0)
                    {
                        var countactivetoaster = $('#toast-container').find('.toast').length;
                        if (countactivetoaster == 0) {
                            toastr.warning('No Records Found!', '');
                        }
                    }                    
                    return successResponse;
                }
                else if (successResponse.config.method.toUpperCase() == 'PUT') {                   
                    toastr.success('Data Saved Sucessfully..', '');
                    return successResponse;
                }
                else if (successResponse.config.method.toUpperCase() == 'POST') {                   
                    toastr.success('Data Saved Sucessfully..', '');
                    return successResponse;
                }
            },
            // if the message returns unsuccessful we display the error 
            function (errorResponse) {
                switch (errorResponse.status) {
                    case 400: // if the status is 400 we return the error                           
                        toastr.error('400 error.', '');
                        // if we have found validation error messages we will loop through
                        // and display them
                        if (errorResponse.data.errors.length > 0) {
                            for (var i = 0; i < errorResponse.data.errors.length; i++) {
                                toastr.error('xx-http-error-validation-message', '');
                            }
                        }
                        break;
                    case 401: // if the status is 401 we return access denied                            
                        toastr.error('Wrong email address or password!', '');

                        break;
                    case 403: // if the status is 403 we tell the user that authorization was denied                          
                        toastr.error('You have insufficient privileges to do what you want to do!', '');
                        break;
                    case 500: // if the status is 500 we return an internal server error message                            
                        toastr.error('Error: <br />' +
                            errorResponse.data.exceptionMessage != null && errorResponse.data.exceptionMessage.length > 0 ? errorResponse.data.exceptionMessage : 
                            errorResponse.data.message, '');
                        break;
                    default: // for all other errors we display a default error message                            
                        toastr.error('Error ' + errorResponse.status + ': ' + errorResponse.data.message, '');
                }
                return $q.reject(errorResponse);
            });
        };
    });

    $compileProvider.directive('httpErrorMessages', function () {
        return {
            link: function (scope, element, attrs) {
                elementsList.push($(element));
            }
        };
    });
});

问题答案:

您必须使用新的拦截器语法(在我看来,它更干净/更好):

您现在将看到,您可以分别处理4个拦截器:request,requestError,response,responseError

// register the interceptor as a service
  $provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {
    return {
      // optional method
      'request': function(config) {
        // do something on success
        return config;
      },

      // optional method
     'requestError': function(rejection) {
        // do something on error
        if (canRecover(rejection)) {
          return responseOrNewPromise
        }
        return $q.reject(rejection);
      },



      // optional method
      'response': function(response) {
        // do something on success
        return response;
      },

      // optional method
     'responseError': function(rejection) {
        // do something on error
        if (canRecover(rejection)) {
          return responseOrNewPromise
        }
        return $q.reject(rejection);
      }
    };
  });

  $httpProvider.interceptors.push('myHttpInterceptor');

更多信息:https :
//docs.angularjs.org/api/ng/service/$http(“拦截器”章节)



 类似资料:
  • 问题内容: 这是一个从来没有一个正确答案的问题,我已经在网上搜索了很多次,却找不到解决方案。 它适用于Firefox,Chrome。我的responseText将像Réunion这样返回char,它将显示为奇怪的符号。 我尝试了许多方法,例如编码和解码,在响应文件中设置标头都无效。我没主意了。请帮助某人。 在主文件中,确保设置了内容类型和字符集。 在您的AJAX加载页面中,确保您位于顶部。 问题解

  • 问题内容: 问题 在解决这个问题之后,似乎基于文件或磁盘的实现可能是解决我在此处提到的问题的正确解决方案。精简版: 目前,我已将实施为。 条目以相当固定的速率连续添加到其中。稍后对此进行详细说明。 最终,无论如何,这意味着JVM耗尽了堆空间。 在工作中,(强烈)建议我使用SQLite解决此问题,但是在问了上一个问题之后,我认为数据库不是适合此工作的合适工具。所以- 让我知道这听起来是否疯狂 -我认

  • 问题内容: 我执行了一个程序包管理器命令,将我们的项目更新为最新的二进制文件。我几乎发布了它,因为它通过了所有测试,直到幸运的是,我发现了一个需要更多调试的问题。 当我突然看到以下异常消息时,我的嘴张开了: 已达到“每小时6000个Redis请求”的免费配额限制。请访问https://servicestack.net升级到商业许可证。 如果我发布了该网站怎么办?这些做法简直令人反感!没有控制台警告

  • 问题内容: 我要求对当前使用JFileChooser的小程序进行一些更改。 主要的抱怨之一是文件选择器的使用很麻烦,因为它的行为与本机窗口小部件不同,特别是在向上导航到根级别时。 因此,知道JFileChooser以及所有其他问题(例如Windows上的zip文件缓存…)遭受苦难后,我想知道Java世界中是否存在可行的替代方案。 当然,有SWT使用本机窗口小部件,但是将applet大小增加25并不

  • 问题内容: 一个(很久以前),我写了一个网络蜘蛛,我对该线程进行了多线程处理,以使并发请求能够同时发生。那是我的Python青年时代,在我了解GIL及其为多线程代码造成的相关麻烦之前(IE,大多数时候,这些东西最终都被序列化了!)… 我想对这段代码进行重做,以使其更健壮并性能更好。基本上有两种方法可以执行此操作:我可以使用2.6+中的新多处理模块,也可以使用某种基于反应堆/事件的模型。我宁愿以后再

  • 问题内容: 此示例是否有 有效的 替代SQL?我不想使用WITH … AS,这是主要标准 我读过类似的问题,但它们使用其他ddl东西,我只想要一个基本的SQL语句。 问题答案: 只需使用条件聚合: 我应该指出,将值放在单独的行上甚至更加容易: