如何使用按鈕加載更多帖子

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個元素（這是默認值）

要做你想做的事情，你必須在按鈕點擊時調用相同的請求，然後實現一些邏輯來比較新結果是否包含不顯示的元素在你的頁面上。如果是這樣，只需將它們追加...