0

我正在尝试调用一个简单的 data.json 文件,代码如下,

alert("outside");
    $(document).ready(function () {
        alert("inside");
        $("#myButton").click(function () {

            var options = {
                chart: {
                    renderTo: 'container',
                    type: 'spline'
                },
                series: [{}]
            };
        });


        $.getJSON('data.json', function (data) {
            alert("read");
            options.series[0].data = data;
            var chart = new Highcharts.Chart(options);
        });

    });

以下是我的 data.json 内容

[{"series_name":"Actual","period_name":"Q1 / 2013","period_final_value":"17"},
{"series_name":"Actual","period_name":"Q2 / 2013","period_final_value":"15"}]

我也尝试插入警报,似乎 getJSON 没有读取我的 json 文件。由于我是 JSON 新手,我可能在调用函数时出错,任何帮助将不胜感激。我还提到了 highcharts,我的主要目的是通过读取 json 文件中的值在 highcharts 上绘制图形。

4

1 回答 1

2

作为第一步,请尝试此代码以找出错误所在。

还可以查看 Chrome 开发工具的网络选项卡,了解正在发生的网络活动。

$.getJSON("data.json", function() {

     alert("success");

})
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });
于 2013-11-12T13:57:23.097 回答