php - JSON/jQuery/PHP: キャッチされない SyntaxError: 予期しないトークン:

Question

更新: データが読み込まれていることがわかります (F12 > Chrome のネットワークから)。しかし、スパンは 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"}}

誰かが私を助けることができますか？

Content-Type として送信されるコンテンツ JSON: application/json

ありがとうございました。