为什么 Ajax 的 JSON 对象会抛出错误，而 json 文件不会？

Question

我尝试提供一个 JSON 对象以显示在谷歌图表中。

当我在 ajax 中调用 json 文件时，我可以显示一个谷歌图表，但是当我尝试从代码隐藏中获取数据时，我得到一个错误。

    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public string GetData()
    {

        var chartData = new object[10+ 1];
        int j = 0;
        for (int i=1; i <= 10; i++)
        {

            chartData[j] = new object[] { i.ToString(), i*i, i};
            j++;
        }
        //return chartData;
        string json = JsonConvert.SerializeObject(chartData);
             return json;
     }

我在这里得到的 Json 字符串根据 json 格式化程序是有效的。 "[[\"1\",1,1],[\"2\",4,2],[\"3\",9,3],[\"4\",16,4], [\"5\",25,5],[\"6\",36,6],[\"7\",49,7],[\"8\",64,8],[\ "9\",81,9],[\"10\",100,10]]"

所以我有字符串、数字、数字作为数组。

我的调用看起来像这样（我从https://www.encodedna.com/google-chart/create-line-charts-with-dynamic-json-data-using-google-charts.htm 得到它），如果我使用 json 文件作为数据，这工作正常，当我尝试使用它后面的代码中的数据时会跳转到错误：

<script>
// Visualization API with the 'corechart' package.  url: "data.json",
google.charts.load('visualization', { packages: ['corechart'] });
google.charts.setOnLoadCallback(drawLineChart);

function drawLineChart() {
    $.ajax({
        url: "Chart.aspx/GetData",
        dataType: "json",
        type: "GET",
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            var arrSales = [['RejectReason', 'Count', 'Perc. (%)']];    // Define an array and assign columns for the chart.

            // Loop through each data and populate the array.
            $.each(data, function (index, value) {
                arrSales.push([value.RejectReason, value.Count, value.Perc]);
            });

            // Set chart Options.
            var options = {
                title: 'Sorting',
                curveType: 'function',
                legend: { position: 'bottom', textStyle: { color: '#555', fontSize: 14 } }  // You can position the legend on 'top' or at the 'bottom'.
            };

            // Create DataTable and add the array to it.
            var figures = google.visualization.arrayToDataTable(arrSales)

            // Define the chart type (LineChart) and the container (a DIV in our case).
            var chart = new google.visualization.LineChart(document.getElementById('chart'));
            chart.draw(figures, options);      // Draw the chart with Options.
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert('Got an Error');
        }
    });
}

我希望后面的代码显示在谷歌图表中。稍后我想使用从数据库中提取和丰富的数据来显示，所以我不会从 json 文件访问它。

Answer 1

这是错误的 JSON 数据

您应该避免 JSON 字符串中的 " 和 \

[[1,1,1],[2,4,2],[3,9,3],[4,16,4],[5,25,5],[6,36,6],[7,49,7],[8,64,8],[9,81,9],[10,100,10]]

您可以使用从 JSON 格式化程序复制的代码，它仅用于查看目的。您的 JSON 文件包含正确的 JSON。我认为这不是人类可读的格式。