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中文网其他相关文章!