Jquery加载更多帖子

时间:2013-09-12 13:10:02

标签: javascript jquery wordpress

我想在我的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 -->

由于

1 个答案:

答案 0 :(得分:0)

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

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

SELECT .....
LIMIT $pgNbr, 10