jQuery 加载更多帖子

Question

我想在我的 jquery 移动页面底部添加一个“加载更多”链接，这样当用户点击它时，它会使用 json api 从我的 wordpress 网站加载更多博客文章。

这是我的 js 代码：

function listPosts(data) {
  var output='<ul data-role="listview" data-filter="true">';
  $.each(data.posts,function(key,val) {
    output += '<li>';
output += '<a href="#bpost" onclick="displayPost(' + val.id + ')">';
output += '<h3>' + val.title + '</h3>';
    output += '<div class="postexcerpt">' + excerpt + '</div>';
output += '</a>';
output += '</li>';
  }); // go through each post
  output+='</ul>';
  $('#postlist').html(output);
} // lists all the posts

我的html代码：

<!-- Page: blog -->
  <div id="blog" data-role="page">
  <div data-role="header" class="sys_header" data-position="fixed" data-id="sys_header" >
<h1>Sysads Posts</h1></div><!-- header --> 
<div data-theme="c" data-role="content" id="postlist"> </div><!-- content -->
<div data-role="footer" data-position="fixed" data-id="sys_footer" >
    <div data-role="navbar" >
<ul>
<li><a href="#blog" class="sys_ft">Home</a></li>
<li><a href="#blog" class="sys_ft">Disclaimer</a></li>
</ul></div><!-- navbar --> 
</div><!-- footer --> 
</div><!-- page -->

谢谢

Answer 1

这与分页搜索结果没有什么不同，只是在当前条目之后显示了额外的提取。所以你需要做的： 在 Javascript 中 在“加载更多”提示中，您需要将“下一页编号”发送到服务器。

在服务器上： 将“页码”转换为起始记录号 (pgNbr*10) 然后发送关于从哪里开始查找数据和要返回的记录数的 sql 语句信息，即

SELECT .....
LIMIT $pgNbr, 10