Question

<?php
include('connection.php');
$sql = "SELECT * FROM postadds ORDER BY id ASC LIMIT 12";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "<hr><center><h3>". $row["addtitle"]. "</h3><small>" . $row["short_description"] ."</small></center><br>";
    }
}
else {
    echo "0 results";
}

$conn->close();
?>

我上面的代码使用mysql显示来自php的12个数据。我想知道的是，当用户可以database页面时，如何自动加载来自scroll的更多数据。提前谢谢。

Answer 1

jScroll现在是一个很好的选择，它将允许您在不了解jQuery / Ajax的情况下实现此功能。

只需下载/导入the official website的脚本，快速查看文档将向您展示如何实现它，但这里有一个简短的描述：

$('.scroll').jscroll();

<div class="scroll">
    <h2>Page number x</h2>
    <?php
        // Count if you have more page to show with your SQL query
        $isLast = yourMagicFunction();

        while($row = $result->fetch_assoc()) {
            echo "<hr><center><h3>". $row["addtitle"]. "</h3><small>" . $row["short_description"] ."</small></center><br>";
        } else {
            echo "Nothing more";
        }

        if($isLast) echo '<a href="next.html">Next page</a>';
     ?>
</div>

当您的滚动div中有链接时，脚本将加载现有链接上显示的内容，并且一旦div不再包含链接，它将自动停止。

如何使用php mysqli javascript滚动页面时获取和显示数据

1 个答案: