Bagaimanakah Saya Boleh Menghantar Borang Menggunakan jQuery AJAX Tanpa Postback?

Menggunakan jQuery AJAX untuk Menghantar Borang

Apabila bekerja dengan borang, adalah wajar untuk menyerahkan data borang kepada skrip PHP menggunakan AJAX dan bukannya melakukan pos balik tradisional. Salah satu cabaran dalam mencapai matlamat ini ialah mengumpul dan menghantar semua input borang.

Mujurlah, jQuery menawarkan penyelesaian yang mudah dengan kaedah serialize()nya. Begini cara anda boleh melaksanakannya:

1. Lumpuhkan Penyerahan Lalai Borang:

$('#formId').submit(function(event) {
  event.preventDefault();
});

2. Serialkan Data Borang:

Kaedah serialize() menyerikan elemen borang dan mengembalikan rentetan pertanyaan, yang boleh digunakan dalam permintaan AJAX.

3. Buat Permintaan AJAX:

$.ajax({
  type: "POST",
  url: "targetScript.php",
  data: $('#formId').serialize(),
  success: function(data) {
    // Handle the response from the PHP script
  }
});

Dalam kod di atas, gantikan formId dengan ID sebenar borang anda dan targetScript.php dengan URL skrip PHP yang akan memproses data borang.

Contoh Pengendalian Respons:

Dalam fungsi kejayaan AJAX permintaan, anda boleh mengendalikan respons yang dikembalikan oleh skrip PHP. Contohnya, jika anda menjangkakan mesej kejayaan, anda boleh memaparkannya menggunakan:

success: function(data) {
  alert("Your order has been submitted successfully.");
}

Dengan mengikuti langkah-langkah ini, anda boleh menghantar data borang dengan lancar menggunakan jQuery AJAX tanpa perlu mengumpul semua input borang secara manual.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghantar Borang Menggunakan jQuery AJAX Tanpa Postback?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!