AngularJS中的拦截器实例详解
更新时间:2017年04月07日 15:29:57 投稿:lqh
这篇文章主要介绍了AngularJS中的拦截器实例详解的相关资料,需要的朋友可以参考下
AngularJS中的拦截器实例详解
异步操作
有时候需要在拦截器中做一些异步操作。幸运的是, AngularJS 允许我们返回一个 promise 延后处理。它将会在请求拦截器中延迟发送请求或者在响应拦截器中推迟响应。
下面是项目中用到的代码。
ZbtjxcApp.factory('myHttpInterceptor', ['$q', '$window','$location', function($q, $window,$location) {
return {
// 全局响应
'response': function(response) {
// 这里还可以利用promise做异步处理,目前不用做,好像也能满足需求
switch (response.status) {
case (200):
if (response.data) {
//这里可以做自己相应的处理
if (response.data.code == 100100) {
$window.location.href = "/login.html";
}
/*else if(response.data.code = 100200) {
$location.path('/unauthorized');
}*/
}
break;
case (500):
//后期在处理
console.log("服务器正忙 -- 500");
break;
case (404):
console.log("not found -- 404");
break;
default:
console.log("服务器正忙");
}
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
};
}]);
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关文章
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
这篇文章主要介绍了在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法,需要的朋友可以参考下2018-11-11
angular2路由之routerLinkActive指令【推荐】
这篇文章主要介绍了angular2路由之routerLinkActive指令的相关资料,需要的朋友可以参考下2018-05-05
angularjs ocLazyLoad分步加载js文件实例
本篇文章主要介绍了angularjs ocLazyLoad分步加载js文件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-01-01
Angular2 组件间通过@Input @Output通讯示例
本篇文章主要介绍了Angular2 组件间通过@Input @Output通讯示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-08-08


最新评论