Bagaimanakah Saya Boleh Menyimpan Pesanan Boleh Diisih daripada UI jQuery ke Pangkalan Data Saya?

Menyimpan Pesanan Boleh Isih ke Pangkalan Data dengan UI jQuery

Dalam pembangunan web, pengguna selalunya perlu menyusun semula item dalam susunan tertentu, seperti tugasan atau penyenaraian produk. Untuk memudahkan ini, UI jQuery menawarkan ciri boleh diisih yang membolehkan pengguna menyeret dan melepaskan elemen untuk menetapkan susunan pilihan mereka. Walau bagaimanapun, keperluan biasa adalah untuk mengekalkan susunan yang diisih ini dalam pangkalan data untuk mencerminkan perubahan pengguna.

Ciri boleh diisih UI jQuery mempunyai kaedah bersiri terbina dalam yang membolehkan anda menangkap susunan elemen baharu. Begini cara anda boleh melaksanakan ini:

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

    // POST the sorted data to your desired URL
    $.ajax({
      data: sortedData,
      type: 'POST',
      url: '/update-order'
    });
  }
});</code>

Kod ini mencipta senarai boleh diisih dengan paksi menegak (paksi: 'y'). Apabila senarai disusun semula, fungsi kemas kini dicetuskan, menangkap pesanan baharu menggunakan kaedah bersiri. Data sorted yang terhasil kemudiannya dihantar ke URL yang ditentukan (dalam kes ini, '/update-order') melalui panggilan AJAX.

Di bahagian pelayan, anda boleh mengendalikan permintaan POST untuk mengemas kini pangkalan data dengan sewajarnya. Contohnya, jika anda menggunakan PHP:

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

foreach ($_POST['item'] as $value) {
    // Execute a SQL statement to update the 'order' column for the corresponding record with ID $value
    $i++;
}
?></code>

Dengan mengikuti langkah ini, anda boleh membenarkan pengguna menetapkan susunan item menggunakan jQuery UI Sortable dan mengekalkan perubahan tersebut pada pangkalan data anda dengan lancar, memastikan aplikasi anda mencerminkan pesanan yang dikehendaki pengguna.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyimpan Pesanan Boleh Diisih daripada UI jQuery ke Pangkalan Data Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!