如何使用 AJAX 和 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 ');
        $.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 请求：

process.php 脚本接收 POST 数据并将其插入数据库：

<?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 响应：

成功插入数据后，process.php 脚本向 Ajax 函数发送 JSON 响应。例如，此响应可用于显示成功消息。

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

5.在 Ajax 函数中处理 JSON 响应：

在 JavaScript Ajax 函数中，success 方法处理来自 PHP 脚本的 JSON 响应：

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

按照以下步骤操作，您可以使用 Ajax 和 PHP 成功地将来自多个表单输入的数据提交到数据库。

以上是如何使用 AJAX 和 PHP 将多个表单输入插入数据库？的详细内容。更多信息请关注PHP中文网其他相关文章！