Bagaimana untuk Menghantar Borang Tanpa Ubah Hala Halaman Menggunakan jQuery Ajax dan PHP?

Contoh JQuery Ajax POST dengan PHP

Pengenalan:
Menyerahkan borang biasanya mencetuskan ubah hala penyemak imbas. Artikel ini menunjukkan cara untuk menangkap data borang menggunakan jQuery Ajax dan menghantarnya ke skrip PHP untuk diproses tanpa menyebabkan ubah hala.

Pelaksanaan jQuery Ajax:
Untuk mengendalikan penyerahan borang menggunakan jQuery Ajax, ikuti langkah berikut:

1. Halang penyerahan borang lalai menggunakan event.preventDefault().
2. Sirikan data borang menggunakan $form.serialize().
3. Lumpuhkan input borang semasa permintaan Ajax belum selesai.
4. Gunakan $. kaedah ajax() untuk menghantar data bersiri ke skrip PHP.
5. Tentukan pengendali panggil balik untuk kejayaan, kegagalan dan pelengkapan menggunakan request.done(), request.fail(), dan request.always().
6. Dayakan semula input borang selepas permintaan Ajax selesai.

Skrip PHP Integrasi:
Dalam skrip PHP yang memproses data yang diserahkan (form.php dalam kami contoh):

1. Akses nilai yang disiarkan menggunakan pembolehubah global $_POST.
2. Pastikan sanitasi yang betul bagi data yang disiarkan untuk mengelakkan kod hasad.

Nota Tambahan:

• jQuery 1.8 dan kemudiannya menamatkan .success(), .error(), dan .complete(). Gunakan .done(), .fail(), dan .always() sebaliknya.
• Anda juga boleh menggunakan trengkas .post() sebagai ganti .ajax() dalam kod JavaScript.
• Kod yang disediakan berfungsi dengan jQuery 1.8 dan lebih baru, serta versi sebelumnya hingga jQuery 1.5.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Borang Tanpa Ubah Hala Halaman Menggunakan jQuery Ajax dan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!