Jquery/AJAX/Javascriptを使用してDIVを検索、並べ替え、ページ付け、フィルタリングする

Question

私は自分のプロジェクトのフロントエンドで作業していて、後でバックエンドをやっています。私は悩んでしまった。私はDIVのリストを持っています（折りたたみ可能にしたいと思っています）。これは与えられた郵便番号の周りに様々なアパートを展示することを想定しています。問題は、私はこれらのものを探すためにどこに行くべきかわからない：

• まず、これらのdivを名前またはランキングで並べ替えることを望む。
• 第二に、私はこれらの結果を検索し、私はAに入力し、彼らが望んでいない というもの、すなわち、B-Zがリストに消え 文字で始まるすべてのアパートメントを放り出すことができるようにしたい 。
• 第3に、jQueryを使用して結果をページ区切りにするか、PHPを代わりに使用する必要がありますか？
• 最後に、私はフィルターボックスを持っています。私は上記と同じように、異なる選択可能なオプション（AJAXを使用してオンザフライで）を除きたいと思います。ユーザーは、1~3ベッドルームアパートメント、ペット、 とヒットフィルター...ブーム、値のアパートのリストを選択します。

javascriptが無効になっているときに劣化するこのプロセスを高速化するためにjQuery/Javascriptを使用して使用できるものはありますか？私はこれが多くのように聞こえることを知っていますが、どんな助けも大いに評価されるでしょう。

Answer 1

これはjavascriptを使わずに動作し、やはりあなたが望むように動作するため、純粋な古いhtml（フォームの投稿/リンクを使用）でビルドしてから、jquery ajaxの機能を追加すると、 JavaScriptが有効になっています。

もし私がこれをやっていたら、私はJavaScriptを無効にしたときにページ全体を返すフォームポストで構築し、ページのロード時にjqueryイベントを追加してデフォルトフォームのポストを防ぎ、ページとaplyトランジション効果。

最後に、データベースレベルでページのページ番号と並べ替えに表示するデータが多い場合は、ページの表示内容のみを返します。これはjavascriptの有無にかかわらず動作し、スケーラブルです（多くの結果で、javascriptでは扱いにくくなります）