Hello! 欢迎来到小浪资源网!

jQuery $.post() 能成功发送数据,为什么 fetch 却失败?


jQuery $.post() 能成功发送数据,为什么 fetch 却失败?

jquery $.post() 传输数据成功,为何 fetch 却无法

jquery $.post() 发送数据时会自动使用 application/x-www-form-urlencoded 编码格式,而 php 的 $_post 超全局变量只能获取此格式的数据。

相比之下,fetch 默认使用 application/json 编码格式,php 无法通过 $_post 获取此格式的数据。要解决此问题,有两种方法:

修改前端代码

使用 application/x-www-form-urlencoded 编码格式,并在发送数据前使用 qs 包进行序列化:

fetch('http://localhost/', {   method: 'post',   headers: {     'content-type': 'application/x-www-form-urlencoded;charset=utf-8'   },   body: qs.stringify({     action: 'send_data',     talk_code: '11223344',     cid: '27',     token: 'crx',     content: '这是一条测试内容~~',   }) })

修改后端代码

通过 file_get_contents(‘php://input’) 获取原始请求数据,并解码为 json 对象

<?php $input = json_decode(file_get_contents('php://input'), true) ?: [];  if ($_SERVER['REQUEST_METHOD'] == 'POST') {   if (@$input['action'] == 'send_data') {} }

相关阅读