Bagaimana untuk Memasukkan Berbilang Input Borang ke dalam Pangkalan Data Menggunakan AJAX dan PHP?

Menggunakan Ajax dan PHP untuk Memasukkan Berbilang Input Borang ke dalam Pangkalan Data

Borang yang disediakan menjana berbilang medan input berdasarkan pemilihan pengguna. Untuk menyerahkan data ini ke pangkalan data menggunakan Ajax, beberapa langkah terlibat:

1. Jana Pelbagai Medan Input:

Kod PHP menjana berbilang medan input menggunakan gelung, seperti yang ditunjukkan dalam contoh anda:

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

2. Cipta Fungsi Ajax:

Fungsi JavaScript menangkap data daripada semua medan input dan menghantarnya ke skrip PHP:

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;
}

3. Proses Permintaan Ajax dalam PHP:

Skrip process.php menerima data POST dan memasukkannya ke dalam pangkalan data:

<?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++;
}
?>

4. Kembalikan Respons JSON:

Selepas berjaya memasukkan data, skrip process.php menghantar respons JSON kepada fungsi Ajax. Respons ini boleh digunakan untuk memaparkan mesej kejayaan, contohnya.

echo json_encode(array('success' => true));
?>

5. Kendalikan Respons JSON dalam Fungsi Ajax:

Dalam fungsi Ajax JavaScript, kaedah kejayaan mengendalikan respons JSON daripada skrip PHP:

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

Dengan mengikuti langkah ini, anda boleh berjaya menyerahkan data daripada berbilang input borang ke pangkalan data menggunakan Ajax dan PHP.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Berbilang Input Borang ke dalam Pangkalan Data Menggunakan AJAX dan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!