JSON分页响应javascript

时间:2016-03-22 20:54:01

标签: javascript json

我有一些看起来像这样的JSON:

{
    "count": 156,
    "next": "http://url.com/api/v1/articles/?page=2",
    "previous": null,
    "results": [
        {
            "article_title": "Article 1",
            "pub_date": "2016-03-11T09:00:29Z"
        },
        {
            "article_title": "Article 2",
            "pub_date": "2016-03-11T09:00:29Z"
        },
        {
            "article_title": "Article 3",
            "pub_date": "2016-03-11T09:18:56Z"
        }
    ]
}

收到此内容的电话如下:

$.getJSON("http://url.com/api/v1/articles/?page=1", function (data) {
    console.log(data.next)
});

我想使用提供的next链接发出另一个请求,并继续执行此操作,直到没有更多页面为止。关于如何实现这一点的任何想法。谢谢!

1 个答案:

答案 0 :(得分:4)

您可以将其包装在一个函数中,然后根据需要传递URL。

function nextPage(url) {
  if (!url) {
    return; // Don't do anything if no URL is given
  }
  $.getJSON(url, function(data) {
    // do stuff with data
    nextPage(data.next);
  });
}