使用Axios向PHP发送JS变量，PHP无输出问题求助

嘿，我来帮你搞定这个问题！你遇到的情况主要有两个核心原因：Axios默认的请求格式和PHP接收数据的方式不匹配，还有你可能误解了输出的查看位置。

问题根源 #

Axios发送POST请求时，默认会把数据以JSON格式放在请求体里，但PHP的$_POST超全局变量只处理application/x-www-form-urlencoded或multipart/form-data类型的请求，所以直接用$_POST["searchTerm"]拿不到JSON里的值。另外，PHP页面的echo内容不会在浏览器的PHP页面显示，而是作为响应数据返回给React，你需要在React的回调逻辑里查看。

解决方案一：让PHP读取JSON数据 #

修改你的script.php代码，从php://input读取请求体的JSON数据并解码：

// 处理跨域预请求（OPTIONS）
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
    header("Access-Control-Allow-Origin: *"); // 生产环境建议替换成你的React域名
    header("Access-Control-Allow-Methods: POST, OPTIONS");
    header("Access-Control-Allow-Headers: Content-Type");
    http_response_code(200);
    exit;
}

// 允许跨域（根据实际情况调整）
header("Access-Control-Allow-Origin: *");

// 读取并解析JSON数据
$input = file_get_contents('php://input');
$data = json_decode($input, true);

if(!empty($data) && isset($data["searchTerm"])) {
    $searchTerm = $data["searchTerm"];
    echo $searchTerm; // 这个输出会作为响应返回给React
}

然后修改React代码，在then回调里打印response.data就能看到PHP返回的内容了：

axios.post(`http://www.fake.com/script.php`, { searchTerm:'test' })
  .then(function(response){
    console.log('PHP返回的数据：', response.data); // 这里会输出"test"
  })
  .catch(function(error){
    console.log(error);
  })

解决方案二：让Axios发送表单格式数据 #

如果你想继续用PHP的$_POST获取数据，可以让Axios发送application/x-www-form-urlencoded格式的数据：

// 使用URLSearchParams包装数据
axios.post(`http://www.fake.com/script.php`, new URLSearchParams({ searchTerm: 'test' }))
  .then(function(response){
    console.log('PHP返回的数据：', response.data);
  })
  .catch(function(error){
    console.log(error);
  })

对应的PHP代码可以保留你原来的逻辑，但记得加上跨域处理：

if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
    header("Access-Control-Allow-Origin: *");
    header("Access-Control-Allow-Methods: POST, OPTIONS");
    header("Access-Control-Allow-Headers: Content-Type");
    http_response_code(200);
    exit;
}

header("Access-Control-Allow-Origin: *");

if(!empty($_POST) && isset($_POST["searchTerm"])) {
    $searchTerm = $_POST["searchTerm"];
    echo $searchTerm;
}

关于控制台的OPTIONS请求 #

那个OPTIONS请求是浏览器的CORS预请求，当你跨域发送POST请求时，浏览器会先发送OPTIONS请求确认服务器是否允许跨域。只要我们在PHP里处理了OPTIONS请求并返回正确的响应头，POST请求就能正常执行，这个是正常现象不用担心。

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