使用serializeArray()+AJAX提交表单时parse_str()返回NULL问题

前端调试：查看serializeArray的真实数据 #

serializeArray()返回的是包含name和value属性的对象数组，直接用alert()打印会显示[object Object]，要查看具体内容，改成：

var data = $('#frmdata').serializeArray();
alert(JSON.stringify(data));

这样就能看到每个输入框的键值对，确认数据是否正确生成。

修复AJAX与后端解析问题 #

方案1：直接使用serialize()简化流程（推荐） #

serialize()会直接把表单数据转成key1=value1&key2=value2的URL编码格式，AJAX发送后后端可直接通过$_POST获取字段：

$('#frmdata').submit(function(e) {
  e.preventDefault();
  $.ajax({
    url: 'tes.php',
    type: 'POST',
    data: $(this).serialize(),
    success: function(res) {
      console.log(res);
    }
  });
});

后端tes.php直接取值：

// 假设输入框name分别为input1、input2、input3
$input1 = $_POST['input1'] ?? '';
$input2 = $_POST['input2'] ?? '';
$input3 = $_POST['input3'] ?? '';
var_dump($input1, $input2, $input3);

方案2：保留serializeArray()但修正发送与解析逻辑 #

如果一定要用serializeArray()，注意不要把$.param(data)封装到data字段中，直接发送编码后的字符串：

$('#frmdata').submit(function(e) {
  e.preventDefault();
  var data = $(this).serializeArray();
  $.ajax({
    url: 'tes.php',
    type: 'POST',
    data: $.param(data),
    success: function(res) {
      console.log(res);
    }
  });
});

后端同样直接用$_POST获取字段即可。

方案3：若必须传递封装后的字符串（不推荐） #

如果你的AJAX是这样写的（把编码后的字符串放到data参数里）：

$.ajax({
  url: 'tes.php',
  type: 'POST',
  data: { data: $.param(data) },
  success: function(res) { ... }
});

后端不要直接覆盖$_POST，解析到新变量中：

$formDataStr = $_POST['data'] ?? '';
parse_str($formDataStr, $formData);
var_dump($formData); // 这里会输出解析后的表单数据数组

之前返回NULL大概率是因为直接给$_POST赋值导致冲突，换用新变量即可解决。

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