Bagaimana untuk Muat Semula Kandungan dalam Div Menggunakan jQuery/AJAX untuk Muat Semula Halaman Separa?

Memuat Semula Kandungan dalam Div Menggunakan jQuery/AJAX

Pengguna sering menghadapi situasi di mana mereka ingin memuat semula hanya bahagian tertentu halaman web , bukannya memuatkan semula keseluruhan halaman. Senario ini dikenali sebagai muat semula halaman separa. Dalam kes anda, anda menyasarkan untuk memuatkan semula kandungan dalam elemen div apabila mengklik butang.

Untuk mencapai ini, kaedah load() jQuery terbukti sangat berkesan. Berikut ialah penyelesaian yang dioptimumkan:

$("#mydiv").load(location.href + " #mydiv");

Dalam kod ini, kami:

• Sasarkan div tertentu menggunakan pemilih #mydiv.
• Gunakan beban() kaedah untuk menggantikan kandungan div tersebut dengan kandungan yang diperoleh daripada URL yang dinyatakan dalam atribut src.
• Terutamanya, kami memastikan untuk memasukkan ruang selepas location.href dan sebelum tanda # kedua. Ini penting untuk mengelakkan keseluruhan halaman daripada dimuatkan ke dalam div.

Dengan melaksanakan kod ini, mengklik butang "Tangkap Lagi" akan mencetuskan muat semula kandungan dalam div yang ditandakan dengan id= "senarai", tanpa menjejaskan seluruh halaman.

Atas ialah kandungan terperinci Bagaimana untuk Muat Semula Kandungan dalam Div Menggunakan jQuery/AJAX untuk Muat Semula Halaman Separa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!