AngularJS中的拦截器实例详解

发布时间 - 2026-01-11 00:33:41    点击率:

AngularJS中的拦截器实例详解

异步操作

有时候需要在拦截器中做一些异步操作。幸运的是, AngularJS 允许我们返回一个 promise 延后处理。它将会在请求拦截器中延迟发送请求或者在响应拦截器中推迟响应。

下面是项目中用到的代码。

ZbtjxcApp.factory('myHttpInterceptor', ['$q', '$window','$location', function($q, $window,$location) {
  return {
    // 全局响应
    'response': function(response) {
      // 这里还可以利用promise做异步处理,目前不用做,好像也能满足需求
      switch (response.status) {
        case (200):
          if (response.data) {
            //这里可以做自己相应的处理
            if (response.data.code == 100100) {
              $window.location.href = "/login.html";
            } 
            /*else if(response.data.code = 100200) {
              $location.path('/unauthorized');
            }*/
          }
          break;
        case (500):
          //后期在处理
          console.log("服务器正忙 -- 500");
          break;
        case (404):
          console.log("not found -- 404");
          break;
        default:
          console.log("服务器正忙");
      }
      return response;
    }
  };
}]).config(['$httpProvider', function($httpProvider) {
  $httpProvider.interceptors.push('myHttpInterceptor');
}]);

ZbtjxcApp.factory('pageService', ['$http', function($http) {
  var getPageList = function(geturl, getdata) {
    return $http.get(geturl, {
      params: getdata
    });
  }
  return {
    getPageList: getPageList
  };
}]);


感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# AngularJS中的拦截器  # AngularJS中的拦截器实例  # AngularJS使用拦截器实现的loading功能完整实例  # 详解AngularJs HTTP响应拦截器实现登陆、权限校验  # angular中的http拦截器Interceptors的实现  # 详解为Angular.js内置$http服务添加拦截器的方法  # 快速学习AngularJs HTTP响应拦截器  # 浅析AngularJs HTTP响应拦截器  # Angularjs注入拦截器实现Loading效果  # angular 用拦截器统一处理http请求和响应的方法  # 的是  # 器中  # 拦截器  # 还可以  # 也能  # 会在  # 希望能  # 谢谢大家  # 它将  # 后期  # 中做  # 延后  # function  # window  # location  # return  # status  # switch  # response  # case 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何在IIS中配置站点IP、端口及主机头?  英语简历制作免费网站推荐,如何将简历翻译成英文?  jQuery中的100个技巧汇总  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  JS碰撞运动实现方法详解  LinuxShell函数封装方法_脚本复用设计思路【教程】  HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  清除minerd进程的简单方法  如何在云主机上快速搭建网站?  JS实现鼠标移上去显示图片或微信二维码  如何快速搭建支持数据库操作的智能建站平台?  北京网站制作公司哪家好一点,北京租房网站有哪些?  想要更高端的建设网站,这些原则一定要坚持!  linux写shell需要注意的问题(必看)  如何在景安服务器上快速搭建个人网站?  利用python获取某年中每个月的第一天和最后一天  Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  如何快速搭建高效可靠的建站解决方案?  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  如何在宝塔面板中修改默认建站目录?  js实现获取鼠标当前的位置  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  jquery插件bootstrapValidator表单验证详解  如何在Windows 2008云服务器安全搭建网站?  大连 网站制作,大连天途有线官网?  阿里云高弹*务器配置方案|支持分布式架构与多节点部署  高端智能建站公司优选:品牌定制与SEO优化一站式服务  详解CentOS6.5 安装 MySQL5.1.71的方法  个人摄影网站制作流程,摄影爱好者都去什么网站?  Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧  EditPlus中的正则表达式实战(5)  C++时间戳转换成日期时间的步骤和示例代码  网站制作价目表怎么做,珍爱网婚介费用多少?  Laravel中的Facade(门面)到底是什么原理  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  深圳网站制作平台,深圳市做网站好的公司有哪些?  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区  如何用PHP工具快速搭建高效网站?  详解vue.js组件化开发实践  大型企业网站制作流程,做网站需要注册公司吗?  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  Laravel项目如何进行性能优化_Laravel应用性能分析与优化技巧大全  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  如何基于云服务器快速搭建网站及云盘系统?  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  Laravel如何处理和验证JSON类型的数据库字段  如何快速打造个性化非模板自助建站?