AngularJS中的攔截器實例詳解
更新時間:2017年04月07日 15:29:57 投稿:lqh
這篇文章主要介紹了AngularJS中的攔截器實例詳解的相關(guān)資料,需要的朋友可以參考下
AngularJS中的攔截器實例詳解
異步操作
有時候需要在攔截器中做一些異步操作。幸運的是, AngularJS 允許我們返回一個 promise 延后處理。它將會在請求攔截器中延遲發(fā)送請求或者在響應(yīng)攔截器中推遲響應(yī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
};
}]);
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
您可能感興趣的文章:
相關(guān)文章
Angular性能優(yōu)化之第三方組件和懶加載技術(shù)
這篇文章主要介紹了Angular性能優(yōu)化之第三方組件和懶加載技術(shù),對性能優(yōu)化感興趣的同學(xué),可以參考下2021-05-05
AngularJS2 與 D3.js集成實現(xiàn)自定義可視化的方法
本篇文章主要介紹了ANGULAR2 與 D3.js集成實現(xiàn)自定義可視化的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
AngularJS使用$http配置對象方式與服務(wù)端交互方法
今天小編就為大家分享一篇AngularJS使用$http配置對象方式與服務(wù)端交互方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
angularjs select 賦值 ng-options配置方法
下面小編就為大家分享一篇angularjs select 賦值 ng-options配置方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
快速解決angularJS中用post方法時后臺拿不到值的問題
今天小編就為大家分享一篇快速解決angularJS中用post方法時后臺拿不到值的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08

