さまざまなhtml要素を外部に動的に格納して読み込む方法は？

Question

今、HTML、CSS、およびJSを使用しているページがあり、ユーザーは探しているリソースにアクセスするためのさまざまなオプションから選択できます。彼らがこのリソースに到達すると、ページに特定の< h>、< p>などの要素がロードされます。しかし、50以上の異なるリソースがあるので、これらの要素をすべて最初のページに挿入するか、50以上の異なる外部htmlページとして挿入する必要がある場合は、保守が難しく、ロードが遅くなる可能性があります。

私が研究したところでは、私のベストプラクティスはPHPを使用し、これらの要素をMySQLサーバに格納することですが、これが良い解決策であるかどうかはわかりません。明確にするために、私は、すべてのページを同じページにロードして、ユーザーが新しいページを更新/開く必要がないようにします。

Answer 1

これはAJAXの略であり、これが使用されていることがわかります。ここをクリックPHPの良いリソース：https://www.w3schools.com/xml/ajax_php.asp

Answer 2

jsonとjqueryを調べて、データベースにアクセスするためのphp（PDO）（または何でも）を使用して動的にコンテンツをロードします。あなたは長い道のりを進んでいますが、かなりのセキュリティ上の考慮が必要です。