如何動態外部存儲和加載各種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