JSON paginated response javascript

Question

I have some JSON that looks like this:

{
    "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"
        }
    ]
}

The call that receives this looks like this:

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

I would like make another request using the next link provided, and continue to do this until there are no more pages. Any thoughts on how to achieve this. Thanks!

Mike Cluck · Accepted Answer · 2016-03-22 20:58:14Z

4

You could wrap it in a function then pass the URL as needed.

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);
  });
}

answered Mar 22, 2016 at 20:58

Mike Cluck

32.6k13 gold badges84 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JSON paginated response javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related