如何使用按钮加载更多帖子

Question

我有以下代码来加载前 10 篇博文，并想看看如何在列表末尾添加“更多...”文本链接以加载更多博文：

$(document).ready(function(){
    url = 'http://hopexxx.com/category/daily-devotion/feed/';
    $.ajax({
        type: "GET",
        url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q=' + encodeURIComponent(url),
        dataType: 'json',
        error: function(){
            alert('Unable to load feed, Incorrect path or invalid feed');
        },
        success: function(data){
            var postlist = data.responseData.feed.entries;
            var html = '<ul data-role="listview" data-filter="true">';
            for (var i = 0; i < 10; i++) {
                var entry = postlist[i];
                html += '<li>';
                html += '<a href="#">';
                html += '<div class="entry">' + entry.title + '</div>';
                html += '<div class="entry">' + entry.author + '</div>';
                html += '<div class="entry">' + entry.publishedDate + '</div>';
                html += '<div class="entry">' + entry.contentSnippet + '</div>';
                html += '</a>';
                html += '</li>';
            }
            html += '</ul>';
            $("#postlist").append(html);
           $("#postlist ul[data-role=listview]").listview();

        }});
    });

Answer 1

谷歌提要 API 没有跳过元素的选项，它只是一个提要，因此它会加载所有元素（因为您已经定义了 num=... 您已经知道可以加载超过 4 个元素（这是默认值）。

要执行您想要的操作，您必须在单击按钮时调用相同的请求，然后执行一些逻辑来比较新结果是否包含页面上未显示的元素。如果是这样，只需附加它们...