javascript - 如何在外部动态存储和加载各种html元素？

Question

现在，我有一个仅使用 HTML、CSS 和 JS 的页面，它允许用户从各种选项中进行选择以获取他们正在寻找的资源。当他们访问此资源时，我希望页面加载某些 、

等元素。但是，有 50 多个不同的资源，因此如果我必须在初始页面中插入所有这些元素或将它们包含为 50 多个不同的单独外部 html 页面，那么这将是乏味的、难以维护的，并且可能加载速度较慢。

根据我的研究，我最好的想法是使用 PHP 并可能将这些元素存储在 MySQL 服务器中，但我不确定这是否是一个好的解决方案。需要明确的是，我希望所有内容都加载在同一页面上，以便用户不必刷新/打开新页面。

Answer 1

查看 json 和 jquery 以使用 php (PDO)(或其他)作为访问数据库的中间件来动态加载内容。不过，您还有很长的路要走，并且需要解决很多安全问题。