Heim > Backend-Entwicklung > PHP-Tutorial > Wie füge ich mit AJAX und PHP mehrere Formulareingaben in eine Datenbank ein?

Wie füge ich mit AJAX und PHP mehrere Formulareingaben in eine Datenbank ein?

Susan Sarandon
Freigeben: 2024-12-05 03:59:09
Original
677 Leute haben es durchsucht

How to Insert Multiple Form Inputs into a Database Using AJAX and PHP?

Verwendung von Ajax und PHP zum Einfügen mehrerer Formulareingaben in eine Datenbank

Das bereitgestellte Formular generiert mehrere Eingabefelder basierend auf der Benutzerauswahl. Um diese Daten mithilfe von Ajax an eine Datenbank zu übermitteln, sind mehrere Schritte erforderlich:

1. Mehrere Eingabefelder generieren:

Der PHP-Code generiert mehrere Eingabefelder mithilfe einer Schleife, wie in Ihrem Beispiel gezeigt:

<?php
$i = 1;
while ($i <= $num_to_enter) {
    $form_output .= "First Name: <input>
Nach dem Login kopieren

2. Erstellen Sie eine Ajax-Funktion:

Die JavaScript-Funktion erfasst die Daten aus allen Eingabefeldern und sendet sie an das PHP-Skript:

function MyFunction() {
    var i = 1;
    var x = $('#num_to_enter').val();
    var data = "";
    var errorMessage = false;
    
    // Check if all fields are filled
    while (i <= x) {
        var name = $('#fname' + i).val();
        var lname = $('#lname' + i).val();
        var email = $('#Email' + i).val();
        if (name == "" || lname == "" || email == "") {
            errorMessage = true;
        }
        data += "fname[" + i + "]=" + name + "&lname[" + i + "]=" + lname + "&email[" + i + "]=" + email + "&";
        i++;
    }
    
    if (!errorMessage) {
        $('#SuccessDiv').html('Entering Info. <img src="images/processing.gif" />');
        $.ajax({
            url: 'process.php',
            type: "POST",
            data: data,
            success: function(data) {
                window.setTimeout(function() {
                    $('#SuccessDiv').html('Info Added!');
                    $('#data').css("display","block");
                    $('#data').html(data);
                }, 2000);
            }
        });
    } else {
        alert('Please fill out all fields.');
    }
    return false;
}
Nach dem Login kopieren

3. Verarbeiten Sie die Ajax-Anfrage in PHP:

Das Skript „process.php“ empfängt die POST-Daten und fügt sie in die Datenbank ein:

<?php
$i = 1;
while ($i <= $_POST['num_to_enter']) {
    $fname = $_POST['fname[' . $i . ']'];
    $lname = $_POST['lname[' . $i . ']'];
    $email = $_POST['email[' . $i . ']'];

    // Execute INSERT query into database
    // Set $sql accordingly for your database syntax

    $i++;
}
?>
Nach dem Login kopieren

4. Geben Sie eine JSON-Antwort zurück:

Nachdem die Daten erfolgreich eingefügt wurden, sendet das Skript „process.php“ eine JSON-Antwort an die Ajax-Funktion. Diese Antwort kann beispielsweise zur Anzeige einer Erfolgsmeldung genutzt werden.

echo json_encode(array('success' => true));
?>
Nach dem Login kopieren

5. Verarbeiten Sie die JSON-Antwort in der Ajax-Funktion:

In der JavaScript-Ajax-Funktion verarbeitet die Erfolgsmethode die JSON-Antwort aus dem PHP-Skript:

success: function(data) {
    if (data.success) {
        // Display a success message
    } else {
        // Display an error message
    }
}
Nach dem Login kopieren

Durch Befolgen dieser Schritte: Mit Ajax und PHP können Sie Daten aus mehreren Formulareingaben erfolgreich an eine Datenbank übermitteln.

Das obige ist der detaillierte Inhalt vonWie füge ich mit AJAX und PHP mehrere Formulareingaben in eine Datenbank ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage