jQuery UI の並べ替え可能な要素の順序をデータベースに保存するにはどうすればよいですか?

jQuery UI の並べ替え可能な要素の順序をデータベースに保存する

jQuery UI の並べ替え可能な関数を利用して、要素を並べ替えて新しい順序を保存できます。データベースに。以下に包括的な例を示します。

sortable 関数には、ID を含む要素の配列を作成する 'serialize' メソッドが含まれています。この配列を利用することで、要素の位置が変更されたときにこの情報を指定された URL に送信するクエリ文字列を生成できます。

$('#element').sortable({
    axis: 'y',
    update: function (event, ui) {
        var data = $(this).sortable('serialize');

        // Send data to server using Ajax
        $.ajax({
            data: data,
            type: 'POST',
            url: '/your/url/here'
        });
    }
});

サーバー側スクリプト (PHP など) では、次のことができます。受信した配列を反復処理し、それに応じてデータベース レコードを更新します。

$i = 0;

foreach ($_POST['item'] as $value) {
    // Execute statement:
    // UPDATE [Table] SET [Position] = $i WHERE [EntityId] = $value
    $i++;
}

これにより、クライアント側とデータベースの両方で要素の順序を動的に更新でき、ユーザーによる変更が確実に保持されるようになります。

以上がjQuery UI の並べ替え可能な要素の順序をデータベースに保存するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。