AJAX请求PHP POST接口返回失败，无控制台错误仅弹窗error

嘿，这个问题其实很常见——你的AJAX请求指定了dataType: 'json'，但后端PHP返回的内容根本不是合法的JSON格式，导致jQuery解析失败，直接触发了error回调。

具体来说，你的PHP代码只是echo $cat;，返回的是纯文本test，而JSON要求字符串必须用双引号包裹（比如"test"）。jQuery发现返回的内容不符合JSON规范，就会判定请求失败，哪怕服务器返回的HTTP状态码是200。

两种修复方案任你选： #

方案1：让PHP返回标准JSON #

把你的PHP代码改成用json_encode()输出，它会自动帮你生成合法的JSON格式：

$cat = $_POST['Category'];
echo json_encode($cat); // 输出结果是"test"，符合JSON规范

这样AJAX的success回调就能正常接收并处理结果了。

方案2：修改AJAX的dataType为text #

如果你的场景不需要JSON格式，直接把AJAX里的dataType改成text，这样jQuery就不会尝试解析JSON，直接把返回的纯文本传给success：

$.ajax ({ 
    url: 'query.php', 
    type: 'POST', 
    dataType:'text', // 这里改成text
    data: {Category: 'test'}, 
    success: function(result) { 
        if(result) { 
            console.log(result); 
            alert(result); 
        } 
    }, 
    error: function() { 
        alert("error"); 
    } 
});

额外调试小技巧 #

以后再遇到这种“没报错但进error”的情况，可以给error回调加几个参数，看看具体失败原因：

error: function(xhr, status, error) {
    console.log("HTTP状态码：", xhr.status);
    console.log("错误类型：", error);
    console.log("服务器返回内容：", xhr.responseText);
    alert("出错啦：" + error);
}

这样你就能在控制台看到到底是解析失败、HTTP错误还是其他问题，定位问题会快很多～

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