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

Question

现在，我有一个仅使用HTML，CSS和JS的页面，允许用户从各种选项中进行选择以获取他们正在寻找的资源。 当他们访问此资源时，我希望页面加载某些<h>，<p>等元素。 但是，有50多种不同的资源，因此如果我必须在初始页面中插入所有这些元素或将它们包含为50多个不同的外部html页面，那么它将是繁琐，难以维护的，并且可能加载速度较慢。

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

Answer 1

查看json和jquery以使用php（PDO）（或其他）动态加载内容作为访问数据库之间的内容。 尽管如此，您还有很长的路要走，并且您需要解决相当多的安全问题。

Answer 2

因此，事实证明这正是AJAX所代表的用途。 这里的PHP资源很好： https ： //www.w3schools.com/xml/ajax_php.asp