使用Fetch API向PHP POST数据无法接收，求排查解决

这个方案完全可行，PHP接收不到数据大概率是Fetch请求格式与PHP接收逻辑不匹配，或者前端事件处理有疏漏，下面是具体排查点和修正方案：

一、核心问题：Fetch POST数据的格式与PHP接收的对应关系 #

Fetch发送POST数据有两种常见格式，对应PHP不同的接收方式，很多人会在这里出错：

1. 发送JSON格式数据 #

如果前端用JSON字符串传递数据，PHP默认不会自动解析到$_POST，必须读取原始请求体：

// 前端代码示例
document.querySelector('.delete-btn').addEventListener('click', function(e) {
  e.preventDefault(); // 若按钮在表单内，必须阻止默认提交行为
  const userID = this.dataset.userid; // 假设按钮上存了data-userid属性
  
  fetch('remove_user.php', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json', // 明确声明JSON格式
    },
    body: JSON.stringify({ userID: userID })
  })
  .then(res => res.text())
  .then(data => console.log(data))
  .catch(err => console.error(err));
});

对应的PHP接收代码：

// remove_user.php
$rawInput = file_get_contents('php://input');
$requestData = json_decode($rawInput, true);
$userID = $requestData['userID'] ?? null;

if (!$userID) {
  die('无效的userID');
}

2. 发送表单格式数据 #

如果用FormData传递，PHP会自动解析到$_POST，无需额外处理：

// 前端代码示例
document.querySelector('.delete-btn').addEventListener('click', function(e) {
  e.preventDefault();
  const userID = this.dataset.userid;
  
  const formData = new FormData();
  formData.append('userID', userID);
  
  fetch('remove_user.php', {
    method: 'POST',
    body: formData // FormData会自动设置正确的Content-Type
  })
  .then(res => res.text())
  .then(data => console.log(data))
  .catch(err => console.error(err));
});

对应的PHP接收代码：

// remove_user.php
$userID = $_POST['userID'] ?? null;

if (!$userID) {
  die('无效的userID');
}

二、其他可能的错误点 #

• 按钮事件被表单默认提交打断：如果删除按钮在<form>标签内，点击时会触发表单提交，导致Fetch请求被中断，必须在事件回调里加e.preventDefault()。
• PHP文件被重定向：如果remove_user.php里有跳转逻辑（比如header('Location: ...')），POST数据会丢失，要确保处理完逻辑后再跳转，或者不跳转直接返回结果。
• 服务器权限问题：虽然和接收数据无关，但后续写入JSON文件时，要确保JSON文件所在目录有PHP写入权限（可通过chmod设置为755或775，根据服务器配置调整）。

三、JSON文件编辑保存的正确姿势 #

编辑保存JSON文件是可行的，但要注意并发写入问题，建议加文件锁避免数据损坏：

// 假设用户数据存在users.json中
$jsonPath = 'users.json';

// 读取现有数据
$users = [];
if (file_exists($jsonPath)) {
  $rawJson = file_get_contents($jsonPath);
  $users = json_decode($rawJson, true) ?: [];
}

// 删除指定userID的条目
$userID = $_POST['userID'] ?? null;
if ($userID) {
  $users = array_filter($users, function($user) use ($userID) {
    return $user['id'] != $userID;
  });
}

// 写入并加锁
$fileHandle = fopen($jsonPath, 'w');
flock($fileHandle, LOCK_EX); // 排他锁，阻止其他进程同时写入
fwrite($fileHandle, json_encode($users, JSON_PRETTY_PRINT));
flock($fileHandle, LOCK_UN); // 解锁
fclose($fileHandle);

echo '删除成功';

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