Bagaimana untuk Menyimpan Susunan Elemen Boleh Isih UI jQuery dalam Pangkalan Data?

Menyimpan Susunan Elemen Boleh Isih UI jQuery dalam Pangkalan Data

Menggunakan fungsi boleh isih UI jQuery, kami boleh menyusun semula elemen dan menyimpan pesanan baharu kepada pangkalan data. Berikut ialah contoh yang komprehensif:

Fungsi boleh susun termasuk kaedah 'serialize' yang mencipta tatasusunan elemen dengan IDnya. Dengan menggunakan tatasusunan ini, kami boleh menjana rentetan pertanyaan yang menghantar maklumat ini ke URL yang ditentukan apabila kedudukan elemen berubah.

$('#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'
        });
    }
});

Dalam skrip sebelah pelayan (cth., PHP), kita boleh lelaran melalui tatasusunan yang diterima dan kemas kini rekod pangkalan data dengan sewajarnya:

$i = 0;

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

Ini membolehkan kami mengemas kini susunan elemen secara dinamik pada sisi klien dan dalam pangkalan data, memastikan perubahan yang dibuat oleh pengguna diteruskan.

Atas ialah kandungan terperinci Bagaimana untuk Menyimpan Susunan Elemen Boleh Isih UI jQuery dalam Pangkalan Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!