AngularJS中的攔截器實(shí)例詳解
AngularJS中的攔截器實(shí)例詳解
異步操作
有時(shí)候需要在攔截器中做一些異步操作。幸運(yùn)的是, AngularJS 允許我們返回一個(gè) promise 延后處理。它將會(huì)在請(qǐng)求攔截器中延遲發(fā)送請(qǐng)求或者在響應(yīng)攔截器中推遲響應(yīng)。
下面是項(xiàng)目中用到的代碼。
ZbtjxcApp.factory('myHttpInterceptor', ['$q', '$window','$location', function($q, $window,$location) { return { // 全局響應(yīng) 'response': function(response) { // 這里還可以利用promise做異步處理,目前不用做,好像也能滿足需求 switch (response.status) { case (200): if (response.data) { //這里可以做自己相應(yīng)的處理 if (response.data.code == 100100) { $window.location.href = "/login.html"; } /*else if(response.data.code = 100200) { $location.path('/unauthorized'); }*/ } break; case (500): //后期在處理 console.log("服務(wù)器正忙 -- 500"); break; case (404): console.log("not found -- 404"); break; default: console.log("服務(wù)器正忙"); } 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 }; }]);
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- AngularJS使用攔截器實(shí)現(xiàn)的loading功能完整實(shí)例
- 詳解AngularJs HTTP響應(yīng)攔截器實(shí)現(xiàn)登陸、權(quán)限校驗(yàn)
- angular中的http攔截器Interceptors的實(shí)現(xiàn)
- 詳解為Angular.js內(nèi)置$http服務(wù)添加攔截器的方法
- 快速學(xué)習(xí)AngularJs HTTP響應(yīng)攔截器
- 淺析AngularJs HTTP響應(yīng)攔截器
- Angularjs注入攔截器實(shí)現(xiàn)Loading效果
- angular 用攔截器統(tǒng)一處理http請(qǐng)求和響應(yīng)的方法
相關(guān)文章
Angular性能優(yōu)化之第三方組件和懶加載技術(shù)
這篇文章主要介紹了Angular性能優(yōu)化之第三方組件和懶加載技術(shù),對(duì)性能優(yōu)化感興趣的同學(xué),可以參考下2021-05-05Angularjs之如何在跨域請(qǐng)求中傳輸Cookie的方法
跨域傳輸Cookie是需要后臺(tái)和前臺(tái)同時(shí)做相關(guān)處理才能解決的,這篇文章主要介紹了Angularjs之如何在跨域請(qǐng)求中傳輸Cookie的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06AngularJS2 與 D3.js集成實(shí)現(xiàn)自定義可視化的方法
本篇文章主要介紹了ANGULAR2 與 D3.js集成實(shí)現(xiàn)自定義可視化的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12RequireJS 依賴關(guān)系的實(shí)例(推薦)
下面小編就為大家?guī)硪黄猂equireJS 依賴關(guān)系的實(shí)例(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01AngularJS使用$http配置對(duì)象方式與服務(wù)端交互方法
今天小編就為大家分享一篇AngularJS使用$http配置對(duì)象方式與服務(wù)端交互方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08angularjs select 賦值 ng-options配置方法
下面小編就為大家分享一篇angularjs select 賦值 ng-options配置方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02Angularjs分頁(yè)查詢的實(shí)現(xiàn)
本文給大家分享angularjs實(shí)現(xiàn)分頁(yè)查詢功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-02-02快速解決angularJS中用post方法時(shí)后臺(tái)拿不到值的問題
今天小編就為大家分享一篇快速解決angularJS中用post方法時(shí)后臺(tái)拿不到值的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08