时间:2021-05-25
$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。在AngularJS的实际项目中,经常需要处理多个$http请求,每个$http请求返回一个promise,我们可以把多个promise放到$q.all()方法接受的一个数组实参中去。
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请求的方法,希望对大家有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了Angularjs中$http以post请求通过消息体传递参数的方法。分享给大家供大家参考,具体如下:Angularjs中,$http以post在
详解Http请求中Content-Type讲解以及在SpringMVC中的应用引言:在Http请求中,我们每天都在使用Content-type来指定不同格式的请
Nginx丢弃http包体处理实例详解http框架丢弃http请求包体和上一篇文章http框架接收包体,都是由http框架提供的两个方法,供http各个模块调用
详解http请求中的Content-Typehttp头部字段Content-Type约定请求和响应的HTTPbody内容编码类型,客户端和服务端根据http头部
AngularJS发起$http.post请求代码如下:$http({method:'post',url:'post.php',data:{name:"aaa"