Bagaimana Saya Boleh Menggunakan jQuery Ajax POST dengan PHP untuk Menghantar Borang Tanpa Ubah Hala Halaman?

jQuery Ajax POST dengan PHP: Satu Contoh

Menyerahkan data daripada borang ke pangkalan data selalunya memerlukan penyerahan borang, yang menyebabkan penyemak imbas ubah hala. Menggunakan jQuery dan Ajax, adalah mungkin untuk mengatasinya dengan menangkap data borang dan menyerahkannya ke skrip PHP.

Kod jQuery:

Kod jQuery adalah seperti berikut :

<form>

// Prevent form submission
$("#foo").submit(function(event){
    event.preventDefault();
    
    // Serialize form data
    var serializedData = $("#foo").serialize();
    
    // Ajax request
    $.ajax({
        url: "/form.php",
        type: "post",
        data: serializedData,
        success: function (response) {
            console.log("Request successful");
        },
        error: function (error) {
            console.error("Error:", error);
        }
    });
});

PHP Skrip:

Skrip PHP (form.php) menerima data yang diserahkan:

<?php
    $bar = isset($_POST['bar']) ? $_POST['bar'] : null;
?>

Penggunaan:

Balut JavaScript anda kod dalam pengendali sedia dokumen:

$(document).ready(function(){
    // jQuery code
});

Ingat untuk membersihkan input apabila bekerja dengan data yang diserahkan pengguna.

Ringkas dengan jQuery .post:

$.post('/form.php', serializedData, function(response) {
    console.log("Response:", response);
});

Kaedah ini boleh digunakan dengan jQuery versi 1.5 dan ke atas.

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