如何使用 AJAX 和 PHP 高效地将多个表单输入提交到数据库而无需刷新页面？

AJAX 和 PHP 用于将多个表单输入输入数据库

在本文中，我们将探讨如何利用 AJAX 和 PHP 来输入将多个表单输入到数据库中。由于您是 AJAX 新手，我们的重点将是理解 AJAX 在此上下文中的概念和应用。

首先，让我们考虑一下用 PHP 生成的以下示例表单：

<?php

   echo "<form method='post'>";

   $i=1;

    while($i <= $num_to_enter){

    $form_output .= "First Name:

    <input>

此表单根据用户选择动态生成多组输入字段（'$num_to_enter'）。我们的目标是使用 AJAX 将这些输入字段中的数据发送到 PHP 脚本以进行数据库插入。

关于您提供的 AJAX 函数，主要问题是在以下情况下错误使用了“&”字符：连接数据字符串。此外，AJAX 调用外部的“while”循环会导致发送空数据。

这是 AJAX 函数的更正版本：

function MyFunction(){

  var i = 1;
  var x = $('#num_to_enter').val(); // Get the number of form sets

  var dataString = ''; // Initialize an empty data string

  // Iterate through the number of form sets
  while (i <= x){

    // Concatenate the data string using JavaScript's += operator
    dataString += "fname[" + i + "]=" + $('#fname[' + i + ']').val() + "&";
    dataString += "lname[" + i + "]=" + $('#lname[' + i + ']').val() + "&";
    dataString += "email[" + i + "]=" + $('#email[' + i + ']').val() + "&";

    i++;
  }

  // Remove the trailing '&' character from the data string
  dataString = dataString.substr(0, dataString.length - 1);

  // Send the data via AJAX to the 'process.php' script
  $.ajax({
    url: 'process.php', 
    type: 'POST', 
    data: dataString, // The concatenated data string is passed here
    success: function(data){

      // Handle the response from 'process.php'
      // Your code goes here
    },
    complete: function(){
      // Perform tasks after the AJAX request is complete
      // Your code goes here
    }
  });
}

在此更正后的函数中，我们适当地串联将数据转换为单个字符串 ('dataString') 并将其作为 AJAX 中的 'data' 参数传递

对于 PHP 脚本（'process.php'），我们可以有这样的内容：

<?php
  if($_SERVER['REQUEST_METHOD'] === 'POST') {

    // Parse the data from the POST request
    parse_str($_POST['data'], $formData);

    // Extract the individual data sets
    $fnames = $formData['fname'];
    $lnames = $formData['lname'];
    $emails = $formData['email'];

    // Initialize the success flag
    $success = true;

    // Perform the database insertions
    for ($i = 0; $i < count($fnames); $i++) {

      // Insert into database
      // ...

      // Check if any insertion failed
      if(!...){
        $success = false;
        break;
      }
    }

    // Return the success flag as JSON
    echo json_encode(array('success' => $success));
  }
?>

在这个 PHP 脚本中，我们解析 POST 数据，提取单个数据数据集，并循环它们以执行数据库插入。如果任何插入失败，“成功”标志将设置为 false。最后，我们将“成功”标志作为 JSON 返回给 AJAX 调用。

这种方法使您能够通过 AJAX 异步提交多个表单集，并在 PHP 脚本中处理数据库插入，从而提供更流畅的用户体验，而无需任何操作。刷新页面。

以上是如何使用 AJAX 和 PHP 高效地将多个表单输入提交到数据库而无需刷新页面？的详细内容。更多信息请关注PHP中文网其他相关文章！