JavaScript - Ajaxのソートの問題
天蓬老师
天蓬老师 2017-06-13 09:21:54
0
9
806

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

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全員に返信 (9)
三叔

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

いいねを押す+0
    为情所困

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

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

    いいねを押す+0
      世界只因有你

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

      いいねを押す+0
        淡淡烟草味

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

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

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

        いいねを押す+0
          黄舟

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

          いいねを押す+0
            巴扎黑

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

            いいねを押す+0
              我想大声告诉你

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

              いいねを押す+0
                扔个三星炸死你

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

                いいねを押す+0
                  左手右手慢动作

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

                  いいねを押す+0
                    最新のダウンロード
                    詳細>
                    ウェブエフェクト
                    公式サイト
                    サイト素材
                    フロントエンドテンプレート
                    私たちについて 免責事項 Sitemap
                    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!