查看更多用于 php 数组的按钮答案

【问题标题】：See more button for php array查看更多用于 php 数组的按钮
【发布时间】：2017-04-16 08:27:35
【问题描述】：

所以我一直在制作 homelab 仪表板，我需要知道如何在显示我的 php 数组后添加响应式“显示更多”按钮。我对开发还很陌生，更多的是作为一种爱好。以下是我目前的设置方式，但如果我在 torrent 数组中有超过 15 个项目，它会变得很长。任何建议都会有所帮助。

<div class="row">
<!--Downloading Section-->
<div class="col-lg-6 col-md-3 col-sm-12 col-xs-12">
    <div class="info-box blue-bg">
        <h3>Downloading <span class="speeds">
        <?php
            if ($client == "qbittorent"){
                echo round(intval($global_info['dl_info_speed'])/1000, 2) . " kB/s";
            } elseif ($client == "transmission"){
                echo round(intval($global_info['downloadSpeed'])/1000, 2) . " kB/s";
            }
        ?>
        </span></h3>
        <?php
            if($torrents == null){
                echo "There was a problem fetching torrents.";
            } else {
                if ($client == "qbittorrent"){
                    foreach($torrents as $torrent){
                        if($torrent['state'] == "downloading"){
                            echo $torrent['name'] . "<br>";
                        }
                    }
                } elseif ($client == "transmission"){
                    foreach($torrents['torrents'] as $torrent){
                        if($torrent['status'] == "4"){
                            echo $torrent['name'] . "<br>";
                        }
                    }
                }
            }
        ?>
    </div><!--/.info-box-->
</div><!--/.col-->

【问题讨论】：

您可以使用 CSS 隐藏输出并添加一个按钮，该按钮对 javascript 做出反应以放大隐藏部分。

标签： javascript php html css arrays

【解决方案1】：

有两种方法可以做到这一点。

AJAX：使用 javascript 检测按钮何时被点击，然后将结果提交到页面的 ajax 调用，然后将结果添加到页面中
可见切换：打印所有结果，就像你现在所做的那样，但在 15 之后隐藏任何内容（即style="display:none"）。然后使用 javascript 检测按钮点击，并切换可见性以显示隐藏的结果。

【讨论】：

【解决方案2】：

您不能有“PHP 显示更多按钮”。 PHP是服务器端执行的，需要Javascript来实现。

您将使用 Javascript 对 PHP 页面执行 Ajax 请求，该页面将生成“更多项目”所需的内容，然后将其返回给 Javascript 函数，然后附加您的 HTML。

【讨论】：