JSON/jQuery/PHP：未捕获的 SyntaxError：意外令牌：

Question

更新：现在我可以看到数据已加载（从 Chrome 上的 F12 > 网络）。但是跨度不会使用从 JSON 加载的数据进行更新:(

我有错误“Uncaught SyntaxError: Unexpected token”，但经过数小时的搜索和测试我不知道为什么。

index.html 头：

<script type="text/javascript">
    var displayResult = function(response){
        $("#fruit_name").append(response.fruit_name);
        $("#fruit_color").append(response.fruit_details.Color);
        $("#fruit_taste").append(response.fruit_details.Taste);
    }
    var response = $.ajax({
    type: "GET",
    dataType:"json",
    url: "https://www.domain.tld/api/?core=fruits&function=getFruits",
    data: "",
    success: displayResult
});
</script>

index.html 正文：

<p>Fruit name : <span id="fruit_name"></span></p>
<p>Fruit color : <span id="fruit_color"></span></p>
<p>Fruit taste : <span id="fruit_taste"></span></p>

api 文件（PHP）：

$array = array(
            "fruit_name" => "Tomato",
                "fruit_details" => array(
                    "Color" => "red",
                    "Taste" => "acid"
                )
            );
echo json_encode($array,JSON_UNESCAPED_UNICODE);

api 原始返回：

{"fruit_name":"Tomato","fruit_details":{"Color":"red","Taste":"acid"}}

有人可以帮我吗？

内容 JSON 作为 Content-Type: application/json 发送

谢谢。

Answer 1

url: "https://www.domain.tld/api/?core=fruits&function=getFruits&callback=?",

您在网址中使用了callback 参数，这意味着jQuery will treat it 作为JSONP call - 您的回复无效。删除它，您的响应将被正确解析为 JSON：

url: "https://www.domain.tld/api/?core=fruits&function=getFruits",

Answer 2

这是 jQuery 代码：

$("#fruit_name" ).val(response.fruit_name);
$("#fruit_color" ).val(response.fruit_color);
$("#fruit_taste" ).val(response.fruit_taste);

确保它附有：

$(document).ready(function() {
    $("#fruit_name" ).val(response.fruit_name);
    $("#fruit_color" ).val(response.fruit_color);
    $("#fruit_taste" ).val(response.fruit_taste);
});