Bagaimanakah Saya Boleh Menyimpan Perubahan Boleh Isih UI jQuery ke Pangkalan Data?

Menyimpan Perubahan Susunan Boleh Isih dalam UI jQuery ke Pangkalan Data

Memasukkan ciri Sortable UI jQuery membolehkan pengguna menyusun semula elemen. Untuk menyimpan perubahan ini pada pangkalan data, ikuti langkah berikut:

1. Laksanakan Boleh Isih:

   • Sertakan skrip Boleh Isih pada halaman web anda.

2. Tangkap Pesanan Perubahan:

   • Gunakan acara kemas kini untuk menangkap perubahan dalam susunan elemen.

3. Sirikan Data:

   • Gunakan kaedah bersiri untuk mendapatkan tatasusunan yang mengandungi susunan semasa bagi elemen.

4. Permintaan AJAX:

   • Hantar permintaan AJAX ke skrip sebelah pelayan menggunakan data bersiri sebagai parameter.

5. Pangkalan data Kemas kini:

   • Di bahagian pelayan, huraikan data yang diserahkan dan kemas kini pangkalan data dengan sewajarnya. Sebagai contoh, anda boleh mengemas kini lajur kedudukan berdasarkan susunan tatasusunan.

Kod Contoh:

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

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

Butiran Pelaksanaan:

• Apabila elemen menukar kedudukan, acara kemas kini adalah dicetuskan, menangkap pesanan baharu sebagai tatasusunan.
• Kaedah bersiri menukarkan tertib itu kepada parameter rentetan pertanyaan, menjadikannya mudah untuk dihantar ke skrip sebelah pelayan melalui permintaan AJAX.
• Skrip sisi pelayan (cth., PHP) kemudiannya boleh memproses elemen tatasusunan secara berulang dan mengemas kini pangkalan data dengan yang baharu. kedudukan.

Contoh Skrip Sisi Pelayan (PHP):

$i = 0;

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

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