使用Jquery、PHP和Ajax进行无休止的滚动

因此，我试图实现从mysql数据库中的一个表中无休止地滚动，这样当到达页面底部时，它会要求将新数量的评论拉到新闻提要，但出于某种原因，当它到达底部时，只显示加载的gif，而不显示新加载的内容。在我搞砸的地方，任何帮助都会很棒。谢谢各位

以下是我的jquery/ajax：

<script>
//Script to continue the home newsfeed after 10 posts
$(window).scroll(function() {
if($(window).scrollTop() === $(document).height() - $(window).height()) {
    $('div#load_more_posts').show();

    $.ajax( {
        url: "load_more_posts.php?lastPost=" + $(".display_newsfeed:last").attr("id"),
        success: function(html) {
            if(html) {
                $("#outputDiv").append(html);
                $('div#load_more_posts').hide();
            } else {
                $('div#load_more_posts').replaceWith("<center>Finished loading all Posts!</center>")
            }
        }
    });
}
 });
 </script>

以下是调用newsfeed的代码部分：

<div class="outputDiv">
    <?php echo "$outputList"; ?><!-- Div for this output has been declared above in PHP before echoing -->
</div> <!-- END outputDiv -->

<div id='load_more_posts' style="display:none">
<center>
<img src="../../images/loading.gif" alt="Loading" />
</center>
</div>

最后，这里是每个review display_Newsfeed.php的Newsfeed显示：

$review_query = mysql_query("SELECT * FROM `reviews` ORDER BY `review_date` DESC LIMIT 0,10");

while($review_row = mysql_fetch_assoc($review_query)){

    $review_title = $review_row['review_title'];
    $user_id = $review_row['user_id'];
    $user_firstname = $review_row['user_firstname'];
    $user_lastname = $review_row['user_lastname'];
    $review_id = $review_row['review_id'];
    $review_body = $review_row['review_body'];
    $review_referral = $review_row['review_referral'];


    $outputList .= '
                    <div class="display_newsfeed" id="'.$review_id.' display_newsfeed">
                        This code is each review
                        </div>
                                    ';

---

display_newsfeed.php中的while循环缺少结束括号。您还在javascript中引用ID为“outputDiv”的div，但该元素不存在，您在HTML中为其分配了一个“outputDiv”类。不确定这些是否只是粘贴代码的拼写错误，但这两者都可能导致问题

---

如果这些都不是问题，那么最好的下一步就是找出问题所在。如果您的浏览器有开发人员控制台或firebug，请仔细检查AJAX请求是否发出，并查看它是否返回预期的HTML。如果是，那么问题肯定出在客户端代码上，特别是成功回调中的某个部分，除非请求根本没有发出。如果不是，问题肯定出在服务器上的脚本上。

display\u newsfeed.php中的while循环缺少一个结束括号。您还在javascript中引用ID为“outputDiv”的div，但该元素不存在，您在HTML中为其分配了一个“outputDiv”类。不确定这些是否只是粘贴代码的拼写错误，但这两者都可能导致问题

如果这些都不是问题，那么最好的下一步就是找出问题所在。如果您的浏览器有开发人员控制台或firebug，请仔细检查AJAX请求是否发出，并查看它是否返回预期的HTML。如果是，那么问题肯定出在客户端代码上，特别是成功回调中的某个部分，除非请求根本没有发出。如果不是，问题肯定出在服务器上的脚本上