为数组加载更多按钮

Question

我有一个数组 $users

$statement = $pdo->prepare("SELECT * FROM activity");
$statement->execute();
$users = $statement->fetchAll();

我就是这样显示的

<?php
foreach ($users as $key => $row) {

    $dist = 0.0;
            $x1 = $lng;
            $x2 = $row['alng'];
            $y1 = $lat;
            $y2 = $row['alat'];

            $dist = acos(sin($x1=deg2rad($x1))*sin($x2=deg2rad($x2))+cos($x1)*cos($x2)*cos(deg2rad($y2) - deg2rad($y1)))*(6378.137);
            $distn = FLOOR ( ROUND($dist,1) * 2 ) / 2 ; //calculate distn

    $users[$key]['dist'] = $distn; //add dist to array foreach value
}

array_multisort(array_column($users, 'dist'), SORT_ASC, $users); / sort array with dist

foreach($users as $row) { 

?>

<article class="mainusers" id="actvtar">
    <div class="actvtinfo">
        <a class="actvtsnm" href="actvt.php?id=<?php echo ($row['aid']);?>"><?php echo $row['title']; ?></a>

    </div>

    <a class="titlepic" href="actvt.php?id=<?php echo ($row['aid']);?>">
            <img  class="actvtpb" src="./activitys/<?php echo ($row['title']); ?>/activitypic.jpg" alt="Bild nicht gefunden" onerror="this.src='./img/no_title.png';"></img>
        </a>

    <div class="actvtfooter">

        <p id="ua">Tags:</p>
        <p class="tags" id="actvttags"  name="interest"><?php echo $row['interest'];?></p>
        <p id="actvtsdist"><?php echo $row['dist']; ?>km entfernt</p>

    </div>

</article>

<?php }
?>

现在我希望 foreach 循环显示 5 次（5 个项目），如果我滚动到底部，则加载接下来的 5 个。 就像推特、Instagram 等... 我怎样才能做到这一点？ 如果您不将此标记为重复，我将不胜感激，因为我现在搜索了好几天，但找不到答案！ 感谢您的帮助，祝您有美好的一天:)

Answer 1

这是对您问题的一般回答。

首先，我要做的是查询可能 25 条记录的限制，并让你的循环遍历所有 25 条记录。

这里的目标是将每 5 条记录包装在一个带有编号 id 的 div 中，因此在循环中放置一个计数器来执行此操作

即

if ($count % 5 == 0) {
    echo ("</div><div id='mydiv_$myCounter'>");
}

看看我在那里做了什么，我关闭然后打开了一个新的 div，所以你必须从一个打开的 div 开始并以一个关闭的 div 结束。

接下来，您需要使用 css display:none 隐藏除第一个 div 之外的所有内容。我会让你弄清楚的。

最后，一旦你有了这个，你需要编写一些 javascript。 javascript（jQuery 非常适合这种事情）将需要查看滚动事件。像这样：

$(document).ready(function() {
    $(window).scroll(function() {
      // do whatever you need here.
    });
});

一旦你有了它，找出你需要在哪些滚动位置加载更多数据并使用 jQuery 使现有 div 可见或使用 ajax 从后端加载更多数据。

对不起，我不能更具体，但这基本上就是这样做的。