我正在尝试在用户滚动浏览网页时一次从我的数据库中加载10个项目的内容。现在我可以在滚动上加载10个项目,但是如何在滚动更多时加载下10个项目。目前我的php将每次抓取前10个项目,我的滚动功能只运行一次。我在看jscroll,但对它的暗示并不十分确定。
这是我的代码,非常感谢。
PHP:
<?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);
?>
JavaScript的:
$(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';
}
}
});});
答案 0 :(得分:0)
您需要实施“分页”。这基本上是偏移量和从偏移量开始获取X行的限制。如果你谷歌的“php分页教程”,你会发现很多教程,here is one of them。
我认为在这里用代码示例详细描述整个概念将成为一个非常长的答案,并且有很多教程,所以只需检查它们。
答案 1 :(得分:0)
您需要向服务器脚本发送一个参数,告诉它从哪里开始。然后,您可以使用ORDER BY
和LIMIT
选择要添加的数据库中的相应记录。