使用jquery中继器在mysql中插入多行

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

$(document).ready(function() {
  // 监听表单提交事件
  $('form').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    // 获取表单数据
    var formData = $(this).serializeArray();

    // 发送AJAX请求
    $.ajax({
      url: 'insert.php', // 后端处理脚本的URL
      method: 'POST',
      data: formData,
      success: function(response) {
        // 插入成功后的处理逻辑
        console.log('插入成功');
      },
      error: function(xhr, status, error) {
        // 发生错误时的处理逻辑
        console.error('插入失败: ' + error);
      }
    });
  });
});

<?php
// 连接MySQL数据库
$servername = 'localhost';
$username = 'your_username';
$password = 'your_password';
$dbname = 'your_database';

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
  die('数据库连接失败: ' . $conn->connect_error);
}

// 处理POST请求中的数据
$data = $_POST['formData'];

// 遍历数据数组，将每一行插入到数据库表中
foreach ($data as $row) {
  $value1 = $row['value1']; // 根据实际情况修改字段名
  $value2 = $row['value2']; // 根据实际情况修改字段名

  // 执行插入语句
  $sql = "INSERT INTO your_table (column1, column2) VALUES ('$value1', '$value2')"; // 根据实际情况修改表名和字段名
  if ($conn->query($sql) !== true) {
    echo '插入数据失败: ' . $conn->error;
  }
}

$conn->close();
?>