如何在資料庫中保存 jQuery UI 可排序元素的順序？

在資料庫中儲存jQuery UI 可排序元素的順序

利用jQuery UI 可排序功能，我們可以對元素重新排序並保存新順序到資料庫。以下是一個綜合範例：

可排序函數包含一個「序列化」方法，該方法使用其 ID 建立元素數組。透過使用這個數組，我們可以產生一個查詢字串，當元素的位置發生變化時，該字串將這些資訊傳送到指定的 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中文網其他相關文章！