Javascript 连续页面加载内容

当用户在我的网页上滚动时，我试图从我的数据库中一次加载10项内容。现在我可以在scroll上加载10个项目，但是当接下来的10个项目滚动更多时，我如何加载它们呢。目前我的php每次都会抓取前10项，而我的滚动函数只运行一次。我在看jscroll，但并不确定它的实现

这是我的代码，谢谢你的帮助

PHP:

---

您需要实现分页。这基本上是一个偏移量，是从偏移量开始获取X行的限制。如果你搜索php分页教程，你会发现很多教程

---

我认为在这里用代码示例详细描述整个概念将成为一个很长的答案，而且有很多教程，所以请查看它们。

您需要向服务器脚本发送一个参数，告诉它从哪里开始。然后，您可以使用ORDER BY和LIMIT在数据库中选择要添加的适当记录。

否回答，但这是一个很好的开始。那个教程让我在我的网站上运行分页。然而，我有一个问题。当我点击第二页的链接时，它会加载一个空白页，并将所有数据回显到该空白页上。我如何简单地更新当前数据被回送到的div？或者有更好的方法吗？当单击链接时，您必须进行AJAX调用，并用Web服务器的响应替换页面内容。

<?php
// Create connection
$con=mysqli_connect("localhost","root","","test");

if (mysqli_connect_errno())
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }
$result = mysqli_query($con,"SELECT * FROM test");

  $row = mysqli_fetch_array($result);
  for ($index=0; $index < 10; $index++)
{

    echo '<table border="0" width="600px">';
    echo "<tr>";
    echo "<td><p>" . '<img src="' . $row['image'] . '" hspace="10" border="1" style="float:left;">' . "</p>";
    echo "<p>" . "#" . $row['ID'] . ": " . $row['confession'] . "</p></td>";
    echo "</tr>";
    echo "</table>";
    echo "<br>";
}

mysqli_close($con);
 ?>

$(document).ready(function () {
    var flg='1';
    $(window).scroll(function () {
    console.log($(document).scrollTop());
    if ($(document).scrollTop() >299){
        if(flg=='1')
            {
        $.post('test2.php', function(data) {
                    $('#content').html(data);
        });
         flg='0';
            }
    }
  });});