AngularJS中的攔截器實(shí)例詳解
AngularJS中的攔截器實(shí)例詳解
異步操作
有時(shí)候需要在攔截器中做一些異步操作。幸運(yùn)的是, AngularJS 允許我們返回一個(gè) promise 延后處理。它將會(huì)在請求攔截器中延遲發(fā)送請求或者在響應(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
};
}]);
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- 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請求和響應(yīng)的方法
相關(guān)文章
angular實(shí)現(xiàn)spa單頁面應(yīng)用實(shí)例
本篇文章主要介紹了angular實(shí)現(xiàn)spa單頁面應(yīng)用實(shí)例,小本篇文章是對單頁面的一個(gè)簡單的基本邏輯操作,這個(gè)方法可以搭建基本的單頁面的邏輯結(jié)構(gòu)。一起跟隨小編過來看看吧2017-07-07
在 Angular-cli 中使用 simple-mock 實(shí)現(xiàn)前端開發(fā) API Mock 接口數(shù)據(jù)模擬功能的方法
這篇文章主要介紹了在 Angular-cli 中使用 simple-mock 實(shí)現(xiàn)前端開發(fā) API Mock 接口數(shù)據(jù)模擬功能的方法,需要的朋友可以參考下2018-11-11
詳細(xì)介紹RxJS在Angular中的應(yīng)用
本篇文章主要介紹了詳細(xì)介紹RxJS在Angular中的應(yīng)用,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
angular2路由之routerLinkActive指令【推薦】
這篇文章主要介紹了angular2路由之routerLinkActive指令的相關(guān)資料,需要的朋友可以參考下2018-05-05
angularjs ocLazyLoad分步加載js文件實(shí)例
本篇文章主要介紹了angularjs ocLazyLoad分步加載js文件,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01
angular 服務(wù)的單例模式(依賴注入模式下)詳解
這篇文章主要介紹了angular 服務(wù)的單例模式(依賴注入模式下)詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
Angular2 組件間通過@Input @Output通訊示例
本篇文章主要介紹了Angular2 組件間通過@Input @Output通訊示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08

