如何使用 AJAX 和 PHP 将多个表单字段提交到数据库？

用于将多个表单输入字段提交到数据库的 AJAX 和 PHP

在此场景中，您有一个包含多个输入字段的 PHP 生成的表单，并且您想使用 AJAX 将所有数据提交到数据库。

你怎么能开始吧？

利用 JSON（JavaScript 对象表示法）对表单数据进行编码并将其发送到服务器。 JSON 是一种结构化且人类可读的格式，可以在客户端和服务器之间交换数据。

JavaScript 中的 AJAX 函数示例：

function MyFunction() {
  // Gather the data from the form
  const data = {};
  data.num_to_enter = $('#num_to_enter').val();

  for (let i = 1; i <= data.num_to_enter; i++) {
    data['fname[' + i + ']'] = $('#fname[i]').val();
    data['lname[' + i + ']'] = $('#lname[i]').val();
    data['email[' + i + ']'] = $('#email[i]').val();
  }

  // Set up the AJAX request
  $.ajax({
    url: 'process.php',
    type: 'POST',
    data: JSON.stringify(data),
    dataType: 'json',
    success: function(data) {
      // Handle the success response
      console.log(data.success); // Should be "yes" if successful
    },
    error: function() {
      // Handle the error response
      alert('There was an error submitting the data.');
    }
  });

  return false;
}

PHP 脚本示例(process.php):

<?php
// Decode the JSON data sent from the client
$data = json_decode(file_get_contents('php://input'), true);

// Process the data and update the database (not shown here)

// Set up the success response
$response = ['success' => 'yes'];

// Encode the JSON response
echo json_encode($response);
?>

关键注意事项：

• 在 HTML 和 AJAX 函数中使用动态字段名称来处理多个表单字段。
• 使用 JSON.stringify() 将数据转换为 JSON，然后通过AJAX。
• 在客户端和服务器端适当处理成功和错误响应。

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