php - Ajax でナビゲーションをクリックしたときにコンテンツを変更する

Question

ユーザーがナビゲーションで何を「クリック」したかに応じて、リストの内容を変更したいと思います。私は Ajax を初めて使用し、多くのことを知りません。

サイトを「リロード」したくないので、ここでは PHP だけが解決策ではありません。

だから誰かが私に親切にして、これがどのように機能するかを言って、この問題を解決しようとするなら、私は魚として幸せです!

これが現在の様子です。コツをつかむために画像を編集しました。

敬具 / 問題を抱えた男..

Answer 1

デフォルトでは、すでにすべてのカテゴリをリストにロードしているようですよね？その場合、AJAX を使用して既に配信したコンテンツを取得する必要はありません (そしてそれは悪い習慣です)。これがあなたがやりたいことです。

PHP では、これらのアイテムに一意のクラスを追加する必要があります (カテゴリ名のバリエーションを使用するのが最適です)。アイテムごとに複数のカテゴリがある場合は、属するカテゴリごとに一意のクラスを添付します。

クライアント側では、jQuery を使用して目的のアイテムのみを表示します。

jQuery( itemSelector ).not( desiredClass ).hide(); jQuery( desiredClass ).show();

上記は、目的のクラスにないすべてのフィード項目を非表示にし、表示したい項目のいくつかが非表示になっている場合に備えて、目的のクラスでも show を呼び出します。

これは、左側のボタンの onClick 内で実装できます。

Answer 2

これに JQuery ( http://api.jquery.com/ ) ajax ハンドラーを使用したいとします。

必要なことは、新しいリストを返す php ページを作成することです。フィルターを使用してこれを処理し、正しい情報を表示することができます。次に、そのリストをコンテナーにプッシュします。

jqueryを使用して、最初にクリックイベントをリンクにバインドしてから、次のようなものを実行します

$.get("[url]?filter=some filter", function(data){
     $([the div box id]).html(data ) 
});

他のオプションには、フィルタリングされたリストを json として返すことが含まれますが、簡単にするために、html を返すことに固執しましょう。