Wie kann ich jQuery Ajax POST mit PHP verwenden, um ein Formular ohne Seitenumleitung zu senden?

jQuery Ajax POST mit PHP: Ein Beispiel

Das Senden von Daten aus einem Formular an eine Datenbank erfordert oft eine Formularübermittlung, die einen Browser verursacht umleiten. Mit jQuery und Ajax ist es möglich, dieses Problem zu umgehen, indem Formulardaten erfasst und an ein PHP-Skript übermittelt werden.

jQuery-Code:

Der jQuery-Code lautet wie folgt :

<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 Skript:

Das PHP-Skript (form.php) empfängt die übermittelten Daten:

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

Verwendung:

Verpacken Sie Ihr JavaScript Code in einem dokumentenbereiten Handler:

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

Denken Sie daran, Eingaben zu bereinigen, wenn Sie mit vom Benutzer übermittelten Daten arbeiten Daten.

Kurzschrift mit jQuery .post:

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

Diese Methode kann mit jQuery-Versionen 1.5 und höher verwendet werden.

Das obige ist der detaillierte Inhalt vonWie kann ich jQuery Ajax POST mit PHP verwenden, um ein Formular ohne Seitenumleitung zu senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!