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"); });