条件絞り込み検索と検索結果並べ替えの方法

質問

お世話になります。

ピーシーラップ
http://www.pcwrap.com/shop/goods/view/1/2/?statusId=!54&sort=price

上記サイトで「ノートパソコン」、「デスクトップ」など条件を指定して検索しますと、
商品の一覧が表示され、さらに「▼価格の安い順」などのボタンを押すことで並べ替えることができます。

このような検索方法のサイトを作りたいのですが、
作る方法を教えていただけないでしょうか。
(商品一覧ページの商品比較は無しでもよいです)

よろしくお願いいたします。

回答No.1

yyr446 · ベストアンサー

このような検索方法のサイトを作りたい
＝＞
(1)一つのページの中に全ての商品のデータを記述して、要求されるものだけ、
要求される順序で表示する。（画像ギャラリーのように）
※商品が多いと実用的じゃないですね。
(2)承認毎、カテゴリー毎に全部別のHTMLを作成して、メニュー操作の仕組みを
作って、iframeにハイパーリンクさせる。
※メンテナンスがたいへんですね。
(3)全部、サーバー側のプログラム（CGI,PHP）で作る。
※javascript環境に依存しないけど、ページ遷移が必須ですね。
(4)javascriptでサーバー側のプログラムと非同期通信して、データを受け取る
※現在、これが流行してますね。広い意味でのAJAX

（４）をもう少し具体的にいうと、
・HTMLの<select>で選ばれた<option>値や<input>のテキスト値を、XMLHttpRequestでサーバーにPOST/GETする。
・サーバーは受信したデータをキーにして、該当のデータ（JSONテキストでもXMLでもHTMLフラグメントとでもお好きな型式で）を返す。
・非同期に受信したサーバーからのデータからHTMLを組み立てて、ページ内に追加・更新する。<select>をもう一段作ってやるとか、結果を<table>や<ul>に配置してやるとか。
・満足するまでこれを繰り返させる。

・<table>や<ul>内の結果の並べ替えは、サーバー側じゃなくjavascriptで行えばよい。
（これは、上記の仕組みと別物として準備する）

と、いったところ。

具体的に、作ってといわれても、サンプル用のデータを準備するのが面倒ですからね、
だから回答がなかなか付かないのだと思います。

お礼

ご回答ありがとうございました。
もう少し探してみます

補足

ご回答ありがとうございます
(4)のようなプログラムを無料、有料で公開しているサイトってありませんか？