angular 用攔截器統(tǒng)一處理http請求和響應(yīng)的方法
更新時間：2017年06月08日 08:09:14 投稿：jingxian
下面小編就為大家?guī)硪黄猘ngular 用攔截器統(tǒng)一處理http請求和響應(yīng)的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
想使用angularjs里的htpp向后臺發(fā)送請求,現(xiàn)在有個用戶唯一識別的token想要放到headers里面去，也就是{headres:{'token':1}}
index.html里引入以下js：
angular.module('app.factorys',[])
.factory('httpInterceptor',['$q','$injector','$localStorage',function ($q,$injector,$localStorage) {
var httpInterceptor = {
'responseError' : function(response) {
// ......
return $q.reject(response);
},
'response' : function(response) {
if (response.status == 21000) {
// console.log('do something...');
}
return response || $q.when(response);
},
'request' : function(config) {
config.headers = config.headers || {};
if ($localStorage.token) {
config.headers.token = $localStorage.token;
// config.headers['X-Access-Token'] = $localStorage.token;
};
return config || $q.when(config);
return config;
},
'requestError' : function(config){
// ......
return $q.reject(config);
}
};
return httpInterceptor;
}])
在app里注入factory后，在config里面配置
.config(['$httpProvider',function(){
$httpProvider.interceptors.push(httpInterceptor);
}])
以上這篇angular 用攔截器統(tǒng)一處理http請求和響應(yīng)的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
Angular2學(xué)習筆記——詳解NgModule模塊
這篇文章主要介紹了Angular2學(xué)習筆記——詳解NgModule模塊,現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
angular.js指令中transclude選項及ng-transclude指令詳解
這篇文章主要研究一下如何使用ng-transclude指令,以及指令的transclude選項的相關(guān)資料，文中介紹的非常詳細，并給出了完整的示例代碼大家參考學(xué)習，需要的朋友們下面來一起看看吧。2017-05-05
Angular.js與Bootstrap相結(jié)合實現(xiàn)表格分頁代碼
最近一直在學(xué)習angularjs相關(guān)知識，在學(xué)習過程中寫了一個小demo，下面把代碼思路分享給大家，感興趣的朋友一起學(xué)習2016-04-04
這篇文章主要介紹了詳細分析使用AngularJS提交表單的方式,AngularJS是非常熱門的JavaScript庫,文中展示了AngularJS在前端與后端的PHP進行交互的場景,需要的朋友可以參考下2015-06-06
本文主要介紹AngularJS國際化的知識，這里整理了相關(guān)資料和示例代碼以及實現(xiàn)效果圖，有興趣的小伙伴可以參考下2016-08-08
這篇文章主要介紹了AngularJS模塊化操作用法,結(jié)合實例形式分析了AngularJS基于模塊化操作避免命名沖突的相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
本文給大家分享angularjs實現(xiàn)分頁查詢功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-02-02
Angular學(xué)習教程之RouterLink花式跳轉(zhuǎn)
這篇文章主要給大家介紹了關(guān)于Angular學(xué)習教程之RouterLink花式跳轉(zhuǎn)的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面來一起學(xué)習學(xué)習吧2018-05-05
詳解JavaScript的AngularJS框架中的表達式與指令
這篇文章主要介紹了JavaScript的AngularJS框架中的表達式與指令,文中羅列了幾個常用的指令屬性加以說明,需要的朋友可以參考下2016-03-03
Angular客戶端請求Rest服務(wù)跨域問題的解決方法
本篇文章主要介紹了Angular客戶端請求Rest服務(wù)跨域問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09