Mengapa borang yang dimuatkan AJAX saya tidak menghantar data POST ke skrip PHP?

Isu Penyiaran Borang dalam Kandungan AJAX-Loaded

Masalah:
Apabila memuatkan borang menggunakan $. load(), data POST borang tidak dihantar ke skrip PHP yang dimaksudkan. Sebaliknya, halaman memuat semula sendiri.

Latar Belakang:
AJAX (JavaScript Tak Segerak dan XML) membolehkan anda menghantar data ke pelayan tanpa memuatkan semula keseluruhan halaman. Biasanya, ini dicapai menggunakan XMLHttpRequest.

Penyelesaian:
Adakah anda biasa dengan AJAX? Jika tidak, mari jelaskan fungsinya:

AJAX membenarkan anda menyiarkan data ke fail PHP luaran, yang memprosesnya dan mengembalikan respons. Prosesnya melibatkan:

1. Menghantar Data:

   • Gunakan $.ajax() dengan jenis: "POST" dan url yang menyatakan Fail PHP untuk disiarkan.
   • Sertakan data dalam parameter data sebagai rentetan dengan pasangan nilai kunci.

2. Memproses Data:

   • Dalam fail PHP, gunakan $_POST untuk mendapatkan semula data yang disiarkan.

3. Respons Mengembalikan:

   • Apabila fail PHP selesai diproses, ia mengembalikan respons kembali kepada JavaScript.

Contoh:

main_file.html:

<script>
  $(document).ready(function() {
    $('#myForm').submit(function(event) {
      event.preventDefault(); // Prevent page reload
      var data = $(this).serialize(); // Serialize form data

      $.ajax({
        type: "POST",
        url: "process_form.php",
        data: data,
        success: function(response) {
          // Handle the response from the PHP file
        }
      });
    });
  });
</script>

<form>

process_form.php:

<?php
  $name = $_POST['name']; // Get the posted name value

  // Process the data

  // Return a response
  echo "Name: $name";
?>

Atas ialah kandungan terperinci Mengapa borang yang dimuatkan AJAX saya tidak menghantar data POST ke skrip PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!