Rumah > hujung hadapan web > tutorial js > Bagaimana Saya Boleh Menggunakan jQuery Ajax POST dengan PHP untuk Menghantar Borang Tanpa Ubah Hala Halaman?

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

Mary-Kate Olsen
Lepaskan: 2024-12-24 05:52:14
asal
904 orang telah melayarinya

How Can I Use jQuery Ajax POST with PHP to Submit a Form Without Page Redirect?

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>
Salin selepas log masuk
// 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);
        }
    });
});
Salin selepas log masuk

PHP Skrip:

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

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

Penggunaan:

Balut JavaScript anda kod dalam pengendali sedia dokumen:

$(document).ready(function(){
    // jQuery code
});
Salin selepas log masuk

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);
});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan