如何从 Reddit API 加载更多页面？

Question

我有一个简单的问题。我对整个 API 领域相当陌生，目前我正在使用 Reddit API。我想要做的基本上不仅仅是加载我从中提取 JSON 的 subreddit 的一页。如果这是一个重复的问题，我提前道歉。

这是我目前所拥有的：

$.getJSON("http://www.reddit.com/r/pics/.json?jsonp=?", function(data) {
    $.each(data.data.children, function(i,item){
        $("<img/>").attr("src", item.data.url).appendTo("#images");
    });
});

你可以在这里看到一个实时的 JsFiddle：Reddit JSON

我的问题是：

如何从其他页面加载更多内容？ [我相信它只显示第 1 页] 谁能给我一个链接或 JsFiddle 来说明如何做到这一点？

此外，如果这里的任何人感到慷慨，我的愿望是在此人不断向下滚动时获取更多信息。

谢谢。

Answer 1

你可以像这样使用 after 参数

var lastId;

function load(params) {
    params = params || {};
    $.getJSON("http://www.reddit.com/r/pics/.json?jsonp=?", params, function (data) {
        var children = data.data.children;
        $.each(children, function (i, item) {
            $("<img/>").attr("src", item.data.url).appendTo("#images");
        });
        if (children && children.length > 0) {
            lastId = children[children.length - 1].data.id;
        } else {
            lastId = undefined;
        }
    });
}

load();

$('.after').click(function () {
    if (lastId) {
        load({
            after: 't3_' + lastId
        });
    }
})

演示：Fiddle

见this answer