Bagaimanakah anda mengintegrasikan jQuery UI Sortable dengan pangkalan data untuk mengekalkan pesanan?

JQuery UI Sortable and Database Integration

Dengan jQuery UI Sortable, anda boleh memperkasakan pengguna untuk menyusun semula elemen dan mengekalkan susunan tertentu. Untuk menyepadukan fungsi ini dengan pangkalan data anda, anda boleh memanfaatkan kaedah bersiri bersama-sama dengan AJAX atau penyerahan borang.

<code class="javascript">$('#sortable').sortable({
    axis: 'y',
    update: function (event, ui) {
        var data = $(this).sortable('serialize');

        $.ajax({
            data: data,
            type: 'POST',
            url: '/your/url/here'
        });
    }
});</code>

Dengan menggunakan struktur HTML seperti:

<code class="html"><ul id="sortable">
   <li id="item-1"></li>
   <li id="item-2"></li>
   ...
</ul></code>

Sirikan kaedah akan menghasilkan rentetan pertanyaan seperti: item[]=1&item[]=2, di mana setiap nilai mewakili ID elemen yang disusun semula.

Dengan mengandaikan ID pangkalan data anda sepadan dengan ID elemen, anda kemudiannya boleh menggelung melalui Data yang disiarkan dan mengemas kini rekod pangkalan data yang sepadan dengan kedudukan baharunya.

<code class="php">$i = 0;

foreach ($_POST['item'] as $value) {
    $query = "UPDATE [Table] SET [Position] = $i WHERE [EntityId] = $value";
    // Execute the query
    $i++;
}</code>

Mengintegrasikan UI jQuery Sortable dengan pangkalan data membolehkan anda mengekalkan susunan objek secara dinamik, menyediakan antara muka mesra pengguna untuk pesanan dan kegigihan.

Atas ialah kandungan terperinci Bagaimanakah anda mengintegrasikan jQuery UI Sortable dengan pangkalan data untuk mengekalkan pesanan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!