详解AngularJS中$http缓存以及处理多个$http请求的方法
2016-02-06 00:00
941 查看
$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。在AngularJS的实际项目中,经常需要处理多个$http请求,每个$http请求返回一个promise,我们可以把多个promise放到$q.all()方法接受的一个数组实参中去。
1.处理多个$http请求
2.$http请求缓存
$http的get方法第二个形参接受一个对象,该对象的cache字段可以接受一个bool类型实现缓存,即{cache:true},也可以接受一个服务。
通过factory方式创建一个服务,并把该服务注入到controller中去。
小编总结:
● 实际上,实现缓存机制的是$cacheFactory
● 通过{cache:myCache}把缓存机制放在当前请求中
● $cacheFactory把请求api作为key,所以清楚缓存的时候,也是根据这个key来清除缓存
以上所述是小编给大家分享的AngularJS中$http缓存以及处理多个$http请求的方法,希望对大家有所帮助。
浅析AngularJs HTTP响应拦截器
快速学习AngularJs HTTP响应拦截器
AngularJS中如何使用$http对MongoLab数据表进行增删改查
简介AngularJS中$http服务的用法
详解AngularJS中的http拦截
1.处理多个$http请求
angular.module('app',[]) .controller('AppCtrl', function AppCtrl(myService){ var app = this; myService.getAll().then(function(info){ app.myInfo = info; }) }) .service('myService', function MyService($http, $q){ var myService = this; user = 'https://api...', repos = '', events = ''; myService.getData = function getData(){ return $http.get(user).then(function(userData){ return { name:userData.data.name, url:userData.data.url, repoCount: userData.data.count } }) }; myService.getUserRepos = function getUserRepos(){ return $http.get(repos).then(function(response){ return _.map(response.data, function(item){ return { name: item.name, description:item.description, starts: item.startCount } }) }) } myService.getUserEvents = function getUserEvents(){ ... } myService.getAll = function(){ var userPromise = myService.getData(), userEventsPromise = myService.getUserRepos(), userReposPromise = myService.getUserRepos(); return $q.all([userPromise, userEventsPromise, userReposPromise]).then(function(){ .... }) } })
2.$http请求缓存
$http的get方法第二个形参接受一个对象,该对象的cache字段可以接受一个bool类型实现缓存,即{cache:true},也可以接受一个服务。
通过factory方式创建一个服务,并把该服务注入到controller中去。
angular.module('app',[]) .factory("myCache", function($cacheFactory){ return $cacheFactory("me"); }) .controller("AppCtrl", function($http, myCache){ var app = this; app.load = function(){ $http.get("apiurl",{cache:myCache}) .success(function(data){ app.data = data; }) } app.clearCache = function(){ myCache.remove("apiurl"); } })
小编总结:
● 实际上,实现缓存机制的是$cacheFactory
● 通过{cache:myCache}把缓存机制放在当前请求中
● $cacheFactory把请求api作为key,所以清楚缓存的时候,也是根据这个key来清除缓存
以上所述是小编给大家分享的AngularJS中$http缓存以及处理多个$http请求的方法,希望对大家有所帮助。
您可能感兴趣的文章:
对比分析AngularJS中的$http.post与jQuery.post的区别浅析AngularJs HTTP响应拦截器
快速学习AngularJs HTTP响应拦截器
AngularJS中如何使用$http对MongoLab数据表进行增删改查
简介AngularJS中$http服务的用法
详解AngularJS中的http拦截
相关文章推荐
- 简介AngularJS中$http服务的用法
- P2P网络摄像机的工作原理是什么
- Ubuntu中NetworkManager
- 【slighttpd】基于lighttpd架构的Server项目实战(7)—http-parser
- 网络爬虫基本原理
- https原理:证书传递、验证和数据加密、解密过程解析
- httpwebrequest异步参考
- matlab BP神经网络 机器学习 函数逼近
- 安装Oracle数据库时出现网络配置需求检查失败
- iOS开发系列--网络开发
- 关闭 HTTPS / SSL for Virtualmin / Webmin Miniserv
- HTTP协议详解(真的很经典)
- 使用telnet发送HTTP请求
- Win2008上.NET4.0部署出错HTTP 错误 500.21 - Internal Server Error的解决方法
- 网络请求 cookie的添加
- linux下socket编程示例(TCP协议)
- 【slighttpd】基于lighttpd架构的Server项目实战(6)—预备知识之Http
- 问题:所有播放器打开均提示网络加载失败,有时候浏览器还打不开网页
- Python模拟HttpRequest的方法总结
- 神经网络与深度学习简史