我正在使用一个RESTapi,它为GET请求提供分页响应,如下所示:
{count: 43103
previous: null
next: http://ecoengine.berkeley.edu/api/photos/?page=2
results: [json objects....]
}
我想创建一个服务,通过遵循next
链接加载所有数据,直到next
变为null。我被困在如何在这种情况下连锁承诺上,如果能提供任何关于如何继续的帮助,我将不胜感激(这里是angular/js新手)。到目前为止,我的困惑就在这里http://plnkr.co/edit/ySiQLvu9RNrKkQAoDmKh.您可以从控制台消息中看到,代码仅从前两页检索数据。非常感谢。
我尝试使用递归进行承诺的链接来解决这个场景。在这里看我的小提琴
http://plnkr.co/edit/NPh6uQ2DgVuhVxUgHB6h?p=info
基本上,在loadData上执行递归可以获得分页数据。这就是的实现
var loadData = function(url) {
var deferred = $q.defer();
function loadAll() {
$http.get(url)
.then(function(d) {
debugger;
console.log('private http.get().then()');
console.log(d);
aggregateData.value.push(d.data.results);
if(d.data.next) {
url=d.data.next;
loadAll();
}
else {
deferred.resolve(aggregateData.value);
}
})
}
debugger;
loadAll();
return deferred.promise;
};
我使用了aggregateData
数组,但您可以自由使用loadData函数中声明的任何数组。