html中的动态列表（引导列表）

Question

我有一个引导组件列表 class="list-group" 我有一个视频/类别文件夹， 我想当我点击一个类别时，列表更新而不加载页面（通过更改路径）。 有这个代码：

    <div class="list-group">
    <?php
        $directory = "./videos/";

        $videos = glob($directory . "*.*");


        foreach($videos as $video)
        {
            $pathp = pathinfo($video);
            echo '<a href="' .  $video . '"class="list-group-item list-group-item-success">' . $pathp['basename']. ' - <b>(' . round(filesize($video) / pow(1024,2 ), 2) .') Mo</b>' .'</a>';
        }
    ?>                  
    </div>

我不是要完整的代码，只是我必须阅读的想法。 我没有使用 jQuery，只是使用 Bootstrap 和纯 JavaScript！ 谢谢。

Answer 1

结合使用 Ajax 和 jquery 来实现这一点。 Jquery 将使 ajax 调用的一切变得更容易；)