PHP中无法通过serialize传递动态生成表单的数组字段数据

云上老周

2026-7-8

解决动态表单提交后PHP仅获取第一个字段的问题

核心原因

动态克隆的乘客字段未使用数组格式的name属性，导致PHP接收到同名参数时只会保留第一个值。虽然serialize()能把所有字段序列化成passenger_name=张三&passenger_name=李四这类格式，但PHP默认不会将同名参数解析为数组，仅会取第一个值。

修复步骤

修改表单字段name为数组格式
把原始乘客行的字段name加上[]，克隆后的新行会自动继承该格式，示例：

<!-- 原始乘客行 -->
<div class="passenger-row">
  <input type="text" name="passenger_name[]" placeholder="乘客姓名">
  <input type="text" name="passenger_id[]" placeholder="身份证号">
</div>

这样序列化后会生成passenger_name[]=张三&passenger_name[]=李四的格式，PHP能识别为数组。

PHP端接收并处理数组数据
在booking.php中直接通过数组方式获取所有乘客信息：

// 获取所有乘客姓名
$passenger_names = $_POST['passenger_name'];
// 获取所有乘客身份证号
$passenger_ids = $_POST['passenger_id'];

// 遍历处理每一位乘客
foreach ($passenger_names as $index => $name) {
  $id = $passenger_ids[$index];
  // 此处编写业务逻辑，如存入数据库等
}

验证Ajax提交逻辑
确保Ajax提交时直接使用序列化或FormData传递数据，无需手动修改格式：

// 用serialize提交（适合无文件上传场景）
$.ajax({
  url: 'booking.php',
  type: 'POST',
  data: $('form').serialize(),
  success: function(res) {
    console.log(res);
  }
});

// 用FormData提交（支持文件上传）
const formData = new FormData($('form')[0]);
$.ajax({
  url: 'booking.php',
  type: 'POST',
  data: formData,
  processData: false,
  contentType: false,
  success: function(res) {
    console.log(res);
  }
});