解析JSON：意外字符

Question

这个问题与我在这里写的上一个问题有关。

这个JSON语法正确吗？ 之后，我需要它来制作jqPlot图表 。

[{"Date":"2012-02-29","Close":"87.60"},{"Date":"2012-02-28","Close":"87.77"},{"Date":"2012-02-27","Close":"88.07"}]

我问这个是因为我不能使用jQuery.parseJSON(jsonString); 或JSON.parse(jsonString); 用这个字符串。 Firefox返回：

语法错误：JSON.parse：意外字符@ index2.php：677

这是生成它的PHP代码：

<?php
    $req = $bdd->prepare('SELECT Date, Close FROM quotes WHERE Symbol = ? AND Date > ? AND Date < ?');
    $req->execute(array($_GET['id'], $_GET['datemin'], $_GET['datemax']));

    $test=array();
    while ($donnees = $req->fetch(PDO::FETCH_ASSOC))
    {
        // echo print_r($donnees) . "<br />";
        // echo $donnees[Date] . "<br />";
        $test[] = $donnees;
    }

    echo json_encode($test);
?>

我不知道怎么了

---

编辑：添加了Javascript代码。

<script>
$("button").click(function(){
    $.get("requete_graph.php", {
        id: param1,
        datemin: param2,
        datemax: param3
    }, function(data,status){
        console.log(data);
        make_graph(data);
    }, "json");
}); 

function make_graph(toto) {
    alert("String before : " + JSON.stringify(toto));
    var json_parsed = JSON.parse(toto);
    alert("String after : " + JSON.stringify(json_parsed));

    $(document).ready(function(){
        var plot1 = $.jqplot('chartdiv', json_parsed);
    });
}
</script>

Answer 1

JSON确实有效（您可以在jsonlint.com上进行检查）

您的问题可能是由于在JSON之后发送了额外的非空格字符引起的（例如：PHP错误/警告）。 保证在JSON使用PHP的die函数发送内容然后停止执行后，不会输出任何其他东西的好方法。

die(json_encode($test));

// OR
echo json_encode($test);
die();

Answer 2

在PHP脚本的顶部，添加：

header('Content-type: text/json; charset=utf-8');

如果没有它，服务器将把它作为纯文本发送，并且您的浏览器将不知道它是一个json字符串。

Answer 3

给定正确的dataType参数（您已完成此操作）或内容类型标头， jQuery.get已经为您解析了JSON。 您的回调函数接收一个数组作为data参数，而不是字符串。

 var json_parsed = JSON.parse(toto); 

然后将引发错误，因为toto不是JSON字符串（您的FF似乎是.toString()数组，然后遇到无效字符）。 相反，只需使用

function make_graph(toto) {
    console.log(typeof toto, toto);
    alert("String before : " + JSON.stringify(toto));
    var json_parsed = toto; // or just use `toto` everywhere

    $(document).ready(function(){
        var plot1 = $.jqplot('chartdiv', json_parsed);
    });
}