Bagaimana untuk Menghantar Data Borang Tanpa Penyegaran Halaman Menggunakan jQuery dan PHP?

Menyerahkan Data Borang melalui Ajax dengan jQuery dan PHP (form.php)

Untuk mengelakkan pengalihan penyemak imbas semasa menyerahkan borang, anda boleh memanfaatkan jQuery dan Ajax. Begini cara untuk mencapai ini untuk borang seperti yang disediakan:

<form>

jQuery:

$(document).ready(function () {
    $('#foo').submit(function (event) {
        event.preventDefault();
        var $form = $(this);
        var $inputs = $form.find('input, select, button, textarea');
        var serializedData = $form.serialize();
        $inputs.prop('disabled', true);
        $.ajax({
            url: '/form.php',
            type: 'post',
            data: serializedData,
            done: function (response) {
                console.log('Hooray, it worked!');
            },
            fail: function (jqXHR, textStatus, errorThrown) {
                console.error(
                    'The following error occurred: ' +
                        textStatus,
                    errorThrown
                );
            },
            always: function () {
                $inputs.prop('disabled', false);
            }
        });
    });
});

PHP (form.php):

// Access posted data through $_POST
$bar = isset($_POST['bar']) ? $_POST['bar'] : null;

Anda juga boleh menggunakan singkatan .post dan bukannya .ajax dalam jQuery:

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

Petua:

• Sanitasi data yang disiarkan untuk mengelakkan suntikan berniat jahat.
• Letakkan kod jQuery dalam $( document).ready() pengendali.
• Anda boleh merantai pengendali panggil balik (done(), fail(), always()) untuk lebih kawalan.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Data Borang Tanpa Penyegaran Halaman Menggunakan jQuery dan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!