如何用PHP访问jQuery序列化的JSON数组元素？为何键为name/value？

我用下面的代码向PHP页面提交表单数据，并在message div里显示结果：

let x = JSON.stringify($('#my-form').serializeArray());
$.post("processjs.php", {data:x})
 .done(function(result, status, xhr) {
    $("#message").html(result)
  })

提交后PHP收到的数组是这样的：

[{"name":"AccountName","value":"TestAcct"},{"name":"AccountID","value":"FR-62"},{"name":"Domain","value":"TestDomain"},{"name":"Status","value":"Enabled"},{"name":"ConfigurationSetName","value":"WLOD-1"},{"name":"SecConfVersion","value":"4"},{"name":"LastUpdated","value":"2022-12-1"},{"name":"MostCurrentVersion","value":"Yes"},{"name":"NotCurrentVersionReason","value":"None"},{"name":"RouterCount","value":"3"},{"name":"CustomerASN","value":"999999"},{"name":"ConfiguredP","value":"127"},{"name":"IPInstalled","value":"No"},{"name":"SharedGroup","value":"True"},{"name":"overlap","value":"False"},{"name":"POverlap","value":"False"},{"name":"ACLSDConfigured","value":"No"},{"name":"ACESDCount","value":"432"}]

我尝试用下面的PHP代码访问元素时，一直报错：

$json = json_decode(stripslashes($_POST['data']),true);
$AccountName = $json['AccountName'];
echo $AccountName;

报错信息：

Undefined array key "AccountName"

我还试过这些写法，也不行：

$AccountName = $json[0]['AccountName'];
// 或者
$AccountName = $json[0];
// 还有
$AccountName = $json[1];

想请教两个问题：

1. 为什么所有键值对都带有name:或value:前缀？
2. 怎么用PHP正确访问这个数组里的元素？

1. 为什么会有name/value前缀？ #

这是因为你用了jQuery的serializeArray()方法，它的默认返回格式就是由包含name和value键的对象组成的数组。这个方法会把表单里每个输入项的name属性值作为name字段，输入项的内容作为value字段，统一打包成这种标准化结构，方便后续处理。

2. PHP正确访问元素的方法 #

你现在拿到的是一个二维数组，每个子数组只有name和value两个键，所以不能直接用$json['AccountName']这种方式访问，推荐两种处理方式：

方法一：转换为关联数组（推荐） #

把原数组转换成以name值为键、value值为对应内容的关联数组，之后就能直接通过键名访问：

$json = json_decode(stripslashes($_POST['data']), true);
// 转换为关联数组
$formData = [];
foreach ($json as $item) {
    $formData[$item['name']] = $item['value'];
}
// 直接访问目标值
echo $formData['AccountName']; // 输出 TestAcct
echo $formData['AccountID']; // 输出 FR-62

方法二：直接遍历查找单个值 #

如果只需要获取某个特定值，可以直接循环数组找到目标项：

$json = json_decode(stripslashes($_POST['data']), true);
$accountName = '';
foreach ($json as $item) {
    if ($item['name'] === 'AccountName') {
        $accountName = $item['value'];
        break;
    }
}
echo $accountName; // 输出 TestAcct

额外优化：简化前端提交（可选） #

如果你不想处理这种name/value结构，可以直接在前端用serialize()代替serializeArray()，PHP端就能直接通过$_POST获取键值对：

// 前端修改代码
$.post("processjs.php", $('#my-form').serialize())
 .done(function(result, status, xhr) {
    $("#message").html(result)
  })

PHP端无需处理JSON，直接访问：

echo $_POST['AccountName']; // 直接输出 TestAcct

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