如何使用 AJAX 和 PHP 將多個表單輸入插入資料庫？-php教程-PHP中文網

如何使用 AJAX 和 PHP 將多個表單輸入插入資料庫？

Susan Sarandon

發布： 2024-12-05 03:59:09

原創

678 人瀏覽過

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

使用 Ajax 和 PHP 將多個表單輸入插入資料庫

提供的表單根據使用者選擇產生多個輸入欄位。要使用Ajax 將此資料提交到資料庫，需要執行以下步驟：

1.產生多個輸入欄位：

PHP 程式碼使用循環產生多個輸入字段，如範例所示：

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

登入後複製

2.建立Ajax函數：

JavaScript 函數從所有輸入欄位擷取資料並將其傳送至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 請求：

3.在PHP 中處理Ajax 請求：

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

登入後複製

3. >process.php 腳本接收POST資料並將其插入資料庫：

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

登入後複製

4.傳回 JSON 回應：

成功插入資料後，process.php 腳本向 Ajax 函數發送 JSON 回應。例如，此回應可用於顯示成功訊息。

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

登入後複製

5.在Ajax 函數中處理JSON 回應：

在JavaScript Ajax 函數中，success 方法處理來自PHP 腳本的JSON 回應：按照以下步驟操作，您可以使用Ajax 和PHP成功地將來自多個表單輸入的資料提交到資料庫。

以上是如何使用 AJAX 和 PHP 將多個表單輸入插入資料庫？的詳細內容。更多資訊請關注PHP中文網其他相關文章！