使用 Ajax 和 PHP 將多個(gè)表單輸入插入數(shù)據(jù)庫(kù)

提供的表單根據(jù)用戶選擇生成多個(gè)輸入字段。要使用 Ajax 將此數(shù)據(jù)提交到數(shù)據(jù)庫(kù)，需要執(zhí)行以下幾個(gè)步驟：

1.生成多個(gè)輸入字段：

PHP 代碼使用循環(huán)生成多個(gè)輸入字段，如示例所示：

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

2.創(chuàng)建 Ajax 函數(shù)：

JavaScript 函數(shù)從所有輸入字段捕獲數(shù)據(jù)并將其發(fā)送到 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.在 PHP 中處理 Ajax 請(qǐng)求：

process.php 腳本接收 POST 數(shù)據(jù)并將其插入數(shù)據(jù)庫(kù)：

<?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.返回 JSON 響應(yīng)：

成功插入數(shù)據(jù)后，process.php 腳本向 Ajax 函數(shù)發(fā)送 JSON 響應(yīng)。例如，此響應(yīng)可用于顯示成功消息。

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

5.在 Ajax 函數(shù)中處理 JSON 響應(yīng)：

在 JavaScript Ajax 函數(shù)中，success 方法處理來(lái)自 PHP 腳本的 JSON 響應(yīng)：

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

按照以下步驟操作，您可以使用 Ajax 和 PHP 成功地將來(lái)自多個(gè)表單輸入的數(shù)據(jù)提交到數(shù)據(jù)庫(kù)。

以上是如何使用 AJAX 和 PHP 將多個(gè)表單輸入插入數(shù)據(jù)庫(kù)？的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！