getJSON函数没有执行

Question

我试图调用一个简单的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文件中的值来绘制高图上的图形。

Answer 1

作为第一步，尝试此代码以找出错误是什么。

另请查看Chrome开发工具的网络标签，了解正在进行的网络活动。

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

     alert("success");

})
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });