AJAX传参至PHP失败求助：PHP无法接收指定参数

问题根源 #

前端AJAX使用GET请求传递参数，但后端PHP错误地用$_POST数组获取参数，导致无法接收。另外，代码在json_encode前直接输出字符串，会破坏JSON格式，导致返回数据不符合预期。

修正方案 #

方案一：保留GET请求，修改PHP接收方式

前端代码不变，调整PHP用$_GET获取参数，同时修正JSON输出逻辑：

<?php
header('Content-Type: application/json');

$kate = "";
if(isset($_GET['category'])) {
    $kate = $_GET['category'];
} else {
    $kate = "No name parameter received.";
}
echo json_encode($kate);
?>

方案二：改为POST请求传递参数

如果需要用POST方式，修改前端AJAX的请求类型，PHP保持$_POST接收（同样修正输出问题）：

const category = document.getElementById('genreSelect').value;

$.ajax({  
    type: 'POST',  
    url: 'button.php', 
    data: { category: category },
    success: function(response) {                
        console.log(response);
    }
});

对应的PHP代码：

<?php
header('Content-Type: application/json');

$kate = "";
if(isset($_POST['category'])) {
    $kate = $_POST['category'];
} else {
    $kate = "No name parameter received.";
}
echo json_encode($kate);
?>

关键注意点 #

• GET请求参数存在$_GET数组，POST请求参数存在$_POST数组，二者不可混淆。
• 返回JSON数据时，echo json_encode()之前不能有任何额外输出（包括空格、调试语句），否则会导致JSON解析失败。

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