同页面Ajax提交成功后$_POST为空的问题求助

嘿，我仔细看了你的代码，发现几个关键问题导致PHP端拿不到提交的数据，咱们一步步来解决：

1. 隐藏的未定义变量错误 #

你在$.each循环里写了form.append(data);，但这里的data根本没定义啊！这会直接导致JS代码执行到这里就报错中断，后面的Ajax请求可能根本没发出去。虽然你说控制台没报错，但建议再仔细检查下控制台的错误信息（有时候可能被忽略了），这是最核心的问题。

2. 冗余的动态表单操作 #

其实你完全没必要动态创建form来做Ajax提交，直接把处理好的参数传给Ajax的data属性就行，既简洁又不容易出bug。不过如果你坚持要用表单的方式，我也给你修正后的版本。

修正方案一：简化Ajax提交（推荐） #

直接去掉动态创建form的逻辑，把参数处理后传给Ajax：

function post(path, parameters) {
  // 把需要提交的参数转成JSON字符串（保持你原来的逻辑）
  const postData = {};
  $.each(parameters, (key, value) => {
    postData[key] = JSON.stringify(value);
  });

  $.ajax({
    type: "POST",
    url: path,
    data: postData,
    success: () => {
      $('.before').hide();
      $('.next').show();
    },
    // 加上错误回调，方便排查问题
    error: (xhr, status, error) => {
      console.error('Ajax请求出错:', error);
    }
  });
  return false;
}

$('.card-container').on('click', function(e){
  e.preventDefault();
  const page = window.location.href;
  const object = {
    'array': [ ['string1', 'string2'], ['string3', 'string4'] ]
  };
  post(page, object);
});

修正方案二：修复动态表单的写法（不推荐，但满足你的原有思路） #

如果你一定要用动态创建form的方式，需要去掉错误的form.append(data)，并且正确处理表单：

function post(path, parameters) {
  // 注意这里不要转义<和>，之前的&lt;是HTML转义，JS里要用正常的标签
  const form = $('<form id="form" style="display:none;"></form>');
  form.attr({
    method: "post",
    action: path
  });

  $.each(parameters, (key, value) => {
    const field = $('<input type="hidden">');
    field.attr({
      name: key,
      value: JSON.stringify(value)
    });
    form.append(field);
    // 删掉这行错误代码：form.append(data);
  });

  $(document.body).append(form);
  
  $.ajax({
    type: "POST",
    url: path,
    data: form.serialize(), // 直接用form对象序列化，比ID选择器更可靠
    success: () => {
      $('.before').hide();
      $('.next').show();
      form.remove(); // 提交后记得移除表单，避免DOM冗余
    },
    error: (xhr, status, error) => {
      console.error('Ajax请求出错:', error);
      form.remove();
    }
  });
  return false;
}

$('.card-container').on('click', function(e){
  e.preventDefault();
  const page = window.location.href;
  const object = {
    'array': [ ['string1', 'string2'], ['string3', 'string4'] ]
  };
  post(page, object);
});

PHP代码不用改，保持原样就行 #

var_dump($_POST);
if (isset($_POST['array'])) {
  $array = json_decode($_POST['array'], true);
  print_r("ok");
  // 可以加一行打印数组，确认解析是否正确
  // print_r($array);
}

额外排查小技巧 #

• 打开开发者工具的Network面板，查看POST请求的Form Data部分，确认array参数是否真的被传过去了。如果没传，那还是JS的问题；如果传了，再检查PHP端有没有全局过滤（比如某些框架的参数过滤），不过你说form.submit()能拿到，所以大概率是JS的问题。
• 可以给Ajax的URL加个时间戳，避免缓存问题：path + '?t=' + new Date().getTime()（虽然POST一般不会缓存，但保险起见）。

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