JavaScript数组传递到PHP转PHP格式的故障排查及实现咨询

为什么拿不到数组 #

你代码里存在两个核心错误：

• 你触发了两次独立的请求：第一次是带operacionesInicial参数的AJAX请求，第二次是不带该参数的普通表单提交请求。最终页面跳转使用的是第二次表单提交的请求，自然拿不到数组参数。
• 普通表单提交默认不会携带你JS里定义的数组变量，需要你手动把数组内容塞进表单的隐藏域里再提交。

修复方案 #

方案1：保留表单提交跳转逻辑 #

删除无用的AJAX请求代码，提交表单前把数组塞进表单：

function salvar(formu) {
  if(confirm("Se procede al salvado de la ficha. ¿Está seguro?")) {
    // 清理旧的同名隐藏域
    document.querySelectorAll('input[name="operacionesInicial[]"]').forEach(el => el.remove());
    // 遍历数组创建隐藏域
    operacionesInicial.forEach(item => {
      const input = document.createElement('input');
      input.type = 'hidden';
      input.name = 'operacionesInicial[]';
      input.value = item;
      formu.appendChild(input);
    });
    formu.action = "<?php echo ($ruta_raiz) ?>/aludec/SalvadoFichas/SalvarFichaAluminio.php";
    formu.submit();
  }
}

PHP接收代码简化为：

// PHP会自动解析name带[]的参数为数组，无需explode
$operacionesInicial = $_POST["operacionesInicial"];

方案2：使用AJAX无刷新提交 #

删除表单提交代码，把表单所有数据和数组一起通过AJAX传递：

function salvar(formu) {
  if(confirm("Se procede al salvado de la ficha. ¿Está seguro?")) {
    const formData = new FormData(formu);
    // 把数组转成JSON字符串加入表单数据
    formData.append('operacionesInicial', JSON.stringify(operacionesInicial));
    $.ajax({
       type: "POST",
       url: "<?php echo ($ruta_raiz) ?>/aludec/SalvadoFichas/SalvarFichaAluminio.php",
       data: formData,
       processData: false,
       contentType: false,
       success: function() {
          alert("Success");
          // 成功后自定义后续操作，比如跳转、刷新页面
       }
    });
  }
}

PHP接收代码：

$operacionesInicial = json_decode($_POST["operacionesInicial"], true);

是否可以同页面接收数组 #

完全可以，不需要单独创建处理页面。你只需要把表单的action设置为当前页面地址，在页面顶部增加POST请求判断逻辑即可：

<?php
// 放在NuevaFichaAluminio.php的最顶部
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  // 这里写入原本放在SalvarFichaAluminio.php里的所有数据处理、保存逻辑
  $operacionesInicial = $_POST["operacionesInicial"];
  // 处理完成后可以跳转回列表页或者返回操作提示
  header('Location: 你的目标页面地址');
  exit;
}
?>

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