如何使用Fetch API发送对象数据并通过PHP接收

你的原始Fetch代码无法工作的原因是：直接将普通对象作为body传递时，Fetch不会像jQuery那样自动将其编码为PHP能识别的application/x-www-form-urlencoded格式。要实现和jQuery相同的效果，需要正确格式化请求体，并保留keepalive选项。

方法一：使用URLSearchParams（推荐，和jQuery行为一致） #

这种方式会将数据编码为表单格式，PHP可以直接通过$_POST获取：

fetch('', {
  method: 'POST',
  body: new URLSearchParams({
    name: 'blabla',
    type: 'dog',
    age: 7
  }),
  keepalive: true
})
// 可选：处理响应
.then(response => response.text())
.then(data => console.log(data))
.catch(error => console.error('请求出错:', error));

方法二：使用FormData #

如果需要发送文件或更复杂的表单数据，FormData也是可行的选择，PHP同样可以通过$_POST接收普通字段：

const formData = new FormData();
formData.append('name', 'blabla');
formData.append('type', 'dog');
formData.append('age', 7);

fetch('', {
  method: 'POST',
  body: formData,
  keepalive: true
})
.then(response => response.text())
.then(data => console.log(data))
.catch(error => console.error('请求出错:', error));

PHP接收代码（无需修改） #

直接沿用你之前的PHP代码即可通过$_POST获取数据：

<?php
  echo $_POST['name'] . ' is a ' . $_POST['type'];
  // 输出：blabla is a dog
?>

注意事项 #

• keepalive选项允许请求在页面卸载后继续发送（比如用户关闭标签页时），但它有最大请求体大小限制（通常为64KB），超出会触发错误。
• Fetch默认是异步的，标准已废弃同步请求，需用then()或async/await语法处理响应逻辑。

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