Loadmore Script Php / Javascript?

时间:2015-08-31 01:23:26

标签: javascript php jquery ajax

我尝试编写一个loadmore脚本.. 但与数据库连接意味着onPage加载显示前20个帖子... 然后在页面完成向下滚动或点击页面底部后面的loadmore按钮加载下一个20个帖子。

但目前它每次都显示相同的帖子,而且只能使用Button onclick。

那么正确的方法是什么?或者我必须改变什么?

感谢所有提示。

我使用atm一个简单的Ajax请求。

<script type="text/javascript">
$(document).ready(function(){
 $( ".readmore_home_posts" ).click(function() {

            $('div#loadmoreajaxloader').show();
                $.ajax({
                    url: "./ajax/loadmore_homenews.php",
                    success: function(html){
                        if(html){
                            $("#lastPostsLoader").append(html);
                        } else{
                            $('#lastPostsLoader').html('<center>No more posts to show.</center>');
                        }
                    }
                });

});
});
</script>

1 个答案:

答案 0 :(得分:1)

您还没有做任何事情来告诉数据库要加载哪些记录,因此它将始终加载相同的记录。您可以通过使用某种计数器并将计数器编号作为数据的一部分传递给loadmore_homenews.php页面或甚至作为$ _GET var来解决此问题,例如

url: "./ajax/loadmore_homenews.php?counter=" + counter

然后使用counter var作为数据库查询的一部分,限制根据计数器选择的行。