对于AngularJS $ http服务,
如何循环$ http调用以访问顺序数据,而每次调用都需要在下一次调用中使用之前的返回数据?
我想要发出连续的$ http请求,这些请求需要返回前一次调用的数据。我试图从Instagram API中获取所有关注者。如果要获取更多数据,服务器会限制返回数据并提供偏移量以进行另一次调用。如果不清楚,请查看http://instagram.com/developer/endpoints/处的分页标题。
我的解决方案有效,但我认为它很丑陋,不安全,而且必须有更好的方法。我所做的是递归调用一个执行$ http的函数,传入函数本身并在需要时在promise中执行它。
所以,我的问题是:如果没有在承诺中递归调用,还有另一种方法吗?
这是我的第一篇stackoverflow帖子,所以我很抱歉我的想法很糟糕...
var app = angular.module('instagramApp', ['ngRoute']);
app.controller('FollowsCtrl', ['$scope', 'Instagram', '$http', function($scope, Instagram, $http){
$scope.follows = [];
$scope.follows_count = 0;
loadFollows();
function loadFollows(){
Instagram.getFollows().then(function(users){
$scope.follows = users;
$scope.follows_count = users.length;
});
}
}]);
//Communicates with Server
app.service('Instagram', ['$http', function($http){
//Return public API.
return ({
getFollows: getFollows
});
//Public method
function getFollows(){
return _getFollows(_getFollows, '', []);
}
//Recursive private method
function _getFollows(callback_fn, cursor, users){
var base = 'https://api.instagram.com/v1/users/12345678910/follows';
var access_token = '?access_token=PUT_ACCESS_TOKEN_HERE=JSON_CALLBACK';
var url = base + access_token + cursor;
return $http.jsonp(url).then(
//success
function(result){
//add follow users from server to array
users = users.concat(result.data.data);
//check if more data needs to be retrieved from the server
if(result.data.pagination.next_cursor)
{
cursor = '&cursor=' + result.data.pagination.next_cursor;
//TODO: call again if more data to retrieve
return callback_fn(callback_fn, cursor, users);
}
//all data fetched, return it
else
{
return users;
}
},
//error
function(result){
console.log('error');
});
};
}]);