javascript - 加载更多脚本 PHP/Javascript？

Question

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

但目前它每次都会显示相同的帖子，并且只能与按钮 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>

Answer 1

您没有执行任何操作来告诉数据库要加载哪些记录，因此它将始终加载相同的记录。您可以通过使用某种计数器并将计数器编号作为数据的一部分甚至作为 $_GET var(例如

)传递到 loadmore_homenews.php 页面来解决此问题

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

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