如何使用jQuery将多动态输入框数据批量插入数据库？

嘿，我来帮你搞定这个问题！核心问题在于你的前端urun输入框没有以数组形式命名，后端也就没法批量接收对应的数据。咱们一步步来调整：

第一步：调整前端输入框命名（关键！） #

不管是静态的还是动态添加的urun输入框，都要把name属性改成urun[]，和fatura[]保持一致的数组结构。这样每一行的fatura和urun就能通过索引一一对应。

比如静态行的HTML可以改成这样：

<div class="input-row">
  <input type="text" name="fatura[]" placeholder="Fatura">
  <input type="text" name="urun[]" placeholder="Ürün">
  <button class="remove-row">移除</button>
</div>
<button id="add-row">添加新行</button>

动态添加行的jQuery代码也要保证新生成的urun输入框用urun[]作为name：

$('#add-row').click(function() {
  var newRow = `<div class="input-row">
    <input type="text" name="fatura[]" placeholder="Fatura">
    <input type="text" name="urun[]" placeholder="Ürün">
    <button class="remove-row">移除</button>
  </div>`;
  $(this).before(newRow);
});

// 移除行的逻辑
$(document).on('click', '.remove-row', function() {
  $(this).parent().remove();
});

第二步：修改post.php处理双数组数据 #

现在后端可以同时接收到$_POST['fatura']和$_POST['urun']两个数组了，接下来要循环遍历这两个数组，把对应索引的配对数据插入数据库。这里一定要注意SQL注入风险，推荐用PDO预处理语句来操作：

<?php
// 假设你已经有数据库连接（这里用PDO示例）
$dsn = 'mysql:host=localhost;dbname=你的数据库名;charset=utf8';
$username = '用户名';
$password = '密码';

try {
  $pdo = new PDO($dsn, $username, $password);
  $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

  // 检查两个数组是否存在且长度一致
  if(isset($_POST['fatura']) && isset($_POST['urun']) && count($_POST['fatura']) === count($_POST['urun'])) {
    $stmt = $pdo->prepare("INSERT INTO 你的表名 (fatura, urun) VALUES (:fatura, :urun)");
    
    // 循环遍历每一组数据
    foreach($_POST['fatura'] as $index => $faturaVal) {
      $urunVal = $_POST['urun'][$index];
      // 跳过空值（可选，根据你的需求调整）
      if(!empty(trim($faturaVal)) && !empty(trim($urunVal))) {
        $stmt->bindParam(':fatura', $faturaVal);
        $stmt->bindParam(':urun', $urunVal);
        $stmt->execute();
      }
    }
    echo "所有数据插入成功！";
  } else {
    echo "数据不完整或格式错误！";
  }
} catch(PDOException $e) {
  echo "数据库错误: " . $e->getMessage();
}
?>

第三步：测试验证 #

1. 先在前端添加几行数据，填写fatura和urun内容后提交
2. 在post.php开头加var_dump($_POST);，查看是否同时接收到fatura和urun两个数组，且每个索引对应的数据正确
3. 检查数据库是否成功插入了所有配对的行

这样就能实现把所有动态行的fatura和urun数据同时插入数据库啦！

内容的提问来源于stack exchange，提问作者user9277108