Bagaimana untuk Muat Semula DIV Tertentu Menggunakan jQuery/AJAX tanpa Penyegaran Halaman?

Menyegarkan Kandungan dalam DIV Menggunakan jQuery/AJAX

Masalah:
Memuatkan kandungan khusus DIV tanpa memuat semula keseluruhan halaman web. Dalam kes ini, matlamatnya adalah untuk memuatkan semula kandungan DIV bernama "senarai" apabila mengklik butang dengan ID "getCameraSerialNumbers."

Penjelasan:
Percubaan kod yang diberikan untuk memuat semula DIV "step1Content" dengan menggunakan fungsi ".load()", walau bagaimanapun, ia tidak mempunyai hujah URL yang diperlukan untuk menentukan kandungan yang perlu dimuatkan.

Penyelesaian:
Untuk memuat semula kandungan DIV tertentu, anda boleh menggunakan kod berikut:

<code class="javascript">$("#getCameraSerialNumbers").click(function() {
  $("#list").load(location.href + " #list");
});</code>

Cara ia Berfungsi:

• Kod menggunakan ".load ()" berfungsi untuk mengambil dan memuatkan kandungan ke dalam DIV "senarai".
• Argumen untuk fungsi ".load()" ialah URL halaman semasa, diikuti dengan ruang dan kemudian ID bagi DIV yang anda ingin muatkan kandungan. Dalam kes ini, DIV sasaran ialah "senarai."

Nota:
Adalah penting untuk memasukkan ruang sebelum tanda "#" kedua untuk memastikan bahawa hanya DIV yang ditentukan dimuatkan semula, bukan keseluruhan halaman. Ini adalah kesilapan biasa yang boleh membawa kepada keputusan yang tidak dijangka.

Atas ialah kandungan terperinci Bagaimana untuk Muat Semula DIV Tertentu Menggunakan jQuery/AJAX tanpa Penyegaran Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!