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

Question

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

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

Answer 1

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

Answer 2

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