JavaScript - Ajaxのソートの問題

Question

これはデータベースを読み取ってループアウトしたフォームです

今度は名前、性別、家族をクリックして並び替えたいのですが、これをajaxでどう書けばいいでしょうか？

Answer 1

データ項目の数が特に多い場合は、テーブル内のデータを表示するための完全な dataTables プラグインを使用することを強くお勧めします。並べ替えなどの問題は小さな問題です。

Answer 2

1 つのプロジェクトで非常に多くの問題を抱えていますが、これはインターンシップですか?これは卒業プロジェクトです...
1. ajax でソートされたデータを取得するには、少なくとも 2 つのフィールドが必要です。1 つはソートが必要なフィールドで、もう 1 つは desc または asc です。最初に設定すると、デフォルトの並べ替えが必要になります。通常は id desc です。
3. 渡された並べ替えパラメーターの問題によって引き起こされるシステムレベルのクエリ エラーを回避するには、パラメーターを確認し、フィールドがテーブルに存在するかどうか、またはフィールドが並べ替えられるように設定されているかどうかを確認する必要があります。三項演算子を使用して、並べ替えが小から大、または大から小のいずれであるかを設定します

フロントエンドはクリックイベントを各ヘッドの th にバインドし、th には属性フィールドと並べ替えメソッドの 2 つの属性が必要です

Answer 3

ajax はバックエンド データをリクエストし、必要な並べ替えメソッドをパラメーターとしてバックエンドに渡し、その後バックエンドがクエリを実行して表示用のデータを返します。

Answer 4

これはajaxとは関係なく、ソート結果はバックグラウンドで生成されます。

フィールド名とソート方法をajax経由でバックグラウンドに送信すると、バックグラウンドはソートされたjsonを出力し、domに更新します。

フロントデスクは、現在のテーブルをトラバースして現在のテーブルを並べ替えることもできます。

Answer 5

dataTables このプラグインは、公式ウェブサイトにアクセスしてサンプルを見ることができます。操作も非常に便利で、機能も非常に強力です。

Answer 6

1 つの解決策は、vue や React などの mvvm フレームワークを使用することです。もう 1 つは、さまざまなインターフェイスを調整してサーバー上でソートした後にクライアントに返すことです。最初のオプションをお勧めします

Answer 7

ローカルソートの場合は、取得したデータをアルゴリズムを使用して比較するだけです。 参考: /a/11... 後半。
それ以外の場合は、Datatable と同様に、指示を与えてバックグラウンドでデータを取得するだけです。
ただし、クライアント側での並べ替えが必要だと思います。 PS: 以前に Datatables プラグインを使用したことがありますが、関数を実装するには大量の API が必要であり、さらに時間がかかると思います。 Datatables には中国語の Web サイトがありますが、その紹介はあまり詳しくありません。

Answer 8

jquery を使用する場合は、jquery プラグイン tablesort を使用できます。手順を参照してください: http://blog.csdn.net/classicb...

Answer 9

ページングがないと思われる場合は、js の .sort() を使用してテーブルを削除し、毎回テーブルを再生成してください。より効率的にしたい場合は、doT.js などの HTML テンプレート ライブラリを見つけることをお勧めします。