无限滚动

Question

我试图让这个无限的滚动脚本按我想要的方式工作.但是我无法弄清楚,如何检测loadmore.php文件中哪些帖子是新的,所以它不会显示页面上已有的帖子？

<script type="text/javascript">
$(window).scroll(function()
{
    if($(window).scrollTop() == $(document).height() - $(window).height())
    {
        $('div#loadmoreajaxloader').show();
        $.ajax({
        url: "loadmore.php",
        success: function(html)
        {
            if(html)
            {
                $("#postswrapper").append(html);
                $('div#loadmoreajaxloader').hide();
            }else
            {
                $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
            }
        }
        });
    }
});
</script>

Answer 1

不要试图"弄清楚"哪些帖子是新的.确保在您的javascript中您知道上次加载的帖子(通过它的id或其他方式),并将其发送到'loadmore.php'脚本.

你的webservice(loadmore.php)应保持无状态,你的前端(javascript)应该知道状态(最后加载的id).