在开发中,我们经常要访问接口来取一些不经常变化的数据,例如会员类型、产品分类等数据,频率的访问远程API而造成资源浪费,体验度差,所以想到用以下的方法来实现。
具体思路是通过http拦截,取API远程访问的方法名和参数,并将取回的数据缓存到本地,下次GET同一个API方法,且参数又相同,则直接使用本地缓存中的数据,而不去GET远程API接口。POST取数的方式还没有实现。
1、在.config节点注入拦截器
.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider,$httpProvider) {
})$httpProvider.interceptors.push('UserInterceptor');
2、声明拦截器代码
//数据缓存,//CacheDataService是我的一个数据缓存服务.factory('UserInterceptor', ["$q","$rootScope","$injector",function ($q,$rootScope,$injector,CacheDataService) { return { request:function(config){ //$rootScope.$broadcast('loading:show') return config; }, response:function(response){ var data=response.data; if (!data.success){ if (data.ResponseCode=="2003"){ //这里可以根据API接口的返回状态码来判断API访问时的TOKEN是否过期,可以根据自己的实际情况修改 window.location="#/tab/login" } }else{
//这里取远程访问API时的接口方法 var tmp= response.