javascriptを使って、phpで取得した要素を表示

Question

現在、データベースの内容をphpを利用して<section>内に
それぞれを<div>にして、masonryで表示するようなウェブページを作成しています。
↓イメージ

<sction>
    <div>
        masonry1
    </div>
    <div>
        masonry2
    <div>
</section

そのうえで、カテゴリー分けや絞りこみを行いたく、
javascriptを使って<section>以下を内容を一度削除し、
phpを使って新しくクエリで取得した内容を、
javascriptによってsection以下に表示させるようなことを考えていますが、

phpを使って新しくクエリで取得した内容を、
javascriptによってsection以下に表示

この部分をどうすればいいのかが全く想像が付きません。
おおまかな道筋だけでも示していただけると幸いです。よろしくお願いいたします。

Comments

[Lhankor_Mhy]

『javascriptを使って<section>以下を内容を一度削除』とのこと、javascriptを使わずページ遷移をした方が楽そうですが、それではダメですか。

[callmichael]

ページ遷移も考えましたが、頻繁に行き来する箇所のため、読み込みは挟みたくないという結論に至りました。

Answer 1

大まかな流れとしては、内容をJSONなどで返してくれるPHPのページを1つ別に設けておき、
必要なタイミングでJavascriptからAjax等でそれを読み込んで処理をするといった感じでしょうか。
例えば「javascript ajax」などで検索頂くと、様々な方法が見つかると思います。