Bagaimanakah Saya Boleh Menggunakan jQuery Ajax POST untuk Menghantar Borang ke PHP Tanpa Pengalihan Halaman?

jQuery Ajax POST dengan Contoh PHP

Menyerahkan Data Borang Tanpa Mengubah Hala

Untuk mengelakkan pengalihan halaman yang disebabkan oleh penyerahan borang, jQuery Ajax menyediakan penyelesaian untuk menangkap data borang dan menghantarnya secara tidak segerak ke skrip PHP. Berikut ialah contoh:

Borang (form.html):

<form>

jQuery (script.js):

// Prevent default form submission
$("#foo").submit(function(event) {
  event.preventDefault();

  // Serialize form data
  var serializedData = $(this).serialize();

  // Send data to 'form.php' using Ajax
  $.ajax({
    url: "form.php",
    type: "POST",
    data: serializedData,
    success: function(response) {
      console.log("Data sent successfully.");
    },
    error: function(jqXHR, textStatus, errorThrown) {
      console.error(errorThrown);
    }
  });
});

PHP (form.php):

<?php
  // Retrieve and process posted data
  $bar = isset($_POST['bar']) ? $_POST['bar'] : null;
  // ... perform database operations using $bar ...
?>

Menggunakan pendekatan ini, anda boleh menangkap data borang dan menghantarnya ke skrip PHP tanpa ubah hala halaman atau muat semula penyemak imbas. Ingat untuk membersihkan semua data yang disiarkan untuk mengelakkan suntikan kod berniat jahat.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan jQuery Ajax POST untuk Menghantar Borang ke PHP Tanpa Pengalihan Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!