AJAX提交表单指定字段至PHP时JSON解析错误问题排查

看来你遇到的parsererror本质是前端AJAX期望JSON响应，但后端返回的不是有效JSON，而根源在于请求格式与PHP处理逻辑不匹配，还有个严重的SQL注入风险得赶紧修复，咱们一步步来解决：

1. 核心问题：请求格式与PHP的$_POST不兼容 #

PHP默认只会自动解析application/x-www-form-urlencoded（表单默认格式）或multipart/form-data类型的请求体到$_POST数组。但你的AJAX用了JSON.stringify并设置contentType: "application/json"，这时候$_POST是空的，导致PHP代码没有执行任何更新，也没返回有效JSON，前端JSON解析自然报错。

另外你的AJAX数据结构也不对：原PHP代码期望vehicle2这类字段名作为$_POST的键，但你传的是id: value，和后端逻辑完全不匹配。

2. 最简单的修复方案：改用表单编码格式（兼容原PHP逻辑） #

修改updateForm函数，不用JSON序列化，直接传表单格式的键值对，jQuery会自动处理正确的contentType：

function updateForm(id, value) {
  $.ajax({
    url: "samepage.php",
    type: 'POST',
    dataType: "json",
    // 用ES6方括号语法动态设置字段名，和原表单提交格式一致
    data: {
      submitform: "save",
      [id]: value
    },
    cache: false,
    success: function (result) {
      console.log('更新成功:', result);
      // 这里可以加成功提示，比如 alert('更新完成')
    },
    error: function (request, status, error) {
      console.error(request, status, error);
    }
  });
}

调用updateForm("vehicle2", "Plane")时，发送的数据会是submitform=save&vehicle2=Plane，和原表单提交格式完全一致，PHP的$_POST就能正确获取参数，执行更新逻辑。

3. 若坚持用JSON格式：修改PHP解析JSON请求体 #

如果一定要用JSON传递数据，需要让PHP读取原始请求体并解析，同时调整前端数据结构：

前端修改（调整JSON结构） #

function updateForm(id, value) {
  $.ajax({
    url: "samepage.php",
    type: 'POST',
    dataType: "json",
    data: JSON.stringify({
      submitform: "save",
      [id]: value // 保留动态字段名
    }),
    cache: false,
    contentType: "application/json",
    success: function (result) {
      console.log('更新成功:', result);
    },
    error: function (request, status, error) {
      console.error(request, status, error);
    }
  });
}

PHP修改（解析JSON请求体） #

<?php
// 读取原始请求体，优先解析JSON，兼容原表单提交
$rawInput = file_get_contents('php://input');
$postData = json_decode($rawInput, true) ?: $_POST;

if (isset($postData['submitform'])) {
  switch ($postData["submitform"]) {
    case "save":
      foreach ($postData as $key => $value) {
        if ($key == 'submitform') continue;
        
        // ！！！重点修复：用预处理语句彻底防止SQL注入！！！
        $sql_update = 'UPDATE settings SET value = ? WHERE id = ?';
        $stmt = $db->prepare($sql_update);
        $stmt->execute([$value, $key]);
      }
      
      // 返回有效JSON响应，满足前端dataType要求
      header('Content-Type: application/json');
      echo json_encode(['status' => 'success', 'message' => '更新完成']);
      exit; // 终止后续输出，避免返回页面其他内容
      break;
  }
}

// 未触发请求时返回默认JSON（可选）
header('Content-Type: application/json');
echo json_encode(['status' => 'no-action']);
?>

4. 必须重视的安全问题：SQL注入 #

你的原PHP代码直接把用户输入拼接到SQL语句中，这是极高风险的SQL注入漏洞，攻击者可以轻易篡改数据库甚至获取敏感信息。上面的修复方案已经用了PDO预处理语句，一定要坚持用这种方式，永远不要直接拼接用户输入到SQL里。

为什么会出现parsererror？ #

因为PHP默认不解析JSON请求，$_POST为空，代码没有进入save分支，也没返回任何JSON内容，前端AJAX期望得到JSON，但实际收到的可能是页面其他HTML代码或空字符串，导致JSON.parse失败，出现语法错误。修复后PHP会返回有效JSON，这个错误就会消失。

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