angular中的http拦截器Interceptors的实现-创新互联
在angularJs中增加了一个对全局的http请求统一做出处理的api--interceptors
目前成都创新互联已为上1000+的企业提供了网站建设、域名、虚拟空间、网站托管维护、企业网站设计、铁锋网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。Interceptors 有两个处理时机,分别是:
- 其它程序代码执行 HTTP 请求之后,在实际从浏览器发出请求之前,即处理请求
- 得到请求的响应之后,在交给其它程序代码处理之前,即处理请求的响应
其引用场景包括
- 全局处理错误
- 统一进行身份验证一类的处理
- 对所有发出去的请求进行预处理
- 对所有收到的响应进行预处理等等
使用实例如下:
commonService.config(['$httpProvider',function($httpProvider){ //$httpProvider.defaults.headers.common = {'X-Auth-Token': $.cookie('x_auth_token'),'Content-Type':'application/json;charset=UTF-8'}; //添加拦截器; $httpProvider.interceptors.push(function ($q) { return { request: function (obj) { $('.loading').show(); obj.headers['X-Auth-Token'] = $.cookie('x_auth_token'); if(!obj.headers['Content-Type']) obj.headers['Content-Type'] = 'application/json;charset=UTF-8'; var url, params,method; //加盟店请求 mylog('jiamengdian::',sessionStorage.getItem("chainStorefrnId")); if(sessionStorage.getItem("chainStorefrnId")){ //增加操作人id,name和storeid等信息 //操作人姓名 var operatorName = $.cookie("userType") == "employee" ? decodeURI($.cookie("username")) : decodeURI($.cookie("frnName")); //操作人id var operatorId = $.cookie("userId"); //加盟店id var operatorStoreId = $.cookie("frnId"); if (obj.method) { method = obj.method.toLowerCase(); } else { method = "get"; } //处理url,区分首次授信还是追加授信 var flag_url = sessionStorage.getItem('chainStoreFlag'); mylog('flag_url',flag_url); if(flag_url && flag_url == "firstcredit"){ //提交需要加上加盟店标识 if(obj.url.indexOf("firstcredit/createPerFirstCredit")!=-1){ //标识个人提交 obj.url = obj.url.replace('firstcredit/createPerFirstCredit','firstcredit/perFirstCreditByFranchisee'); } else if(obj.url.indexOf("firstcredit/createBusiFirstCredit")!=-1){ //标识企业提交 obj.url = obj.url.replace('firstcredit/createBusiFirstCredit','firstcredit/createBusiFirstCreditByFranchisee'); } } else { url = obj.url + "?creditType=1&operatorName=" + operatorName + "&operatorId=" + operatorId + "&operatorStoreId=" + operatorStoreId; } } return obj; }, response: function (res) { $(".loading").hide(); return res; }, responseError: function (err) { $(".loading").hide(); return $q.reject(err); } }; }); }]);
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章标题:angular中的http拦截器Interceptors的实现-创新互联
本文地址:http://scyanting.com/article/cscipo.html