無法訪問JSON數據

Question

我在通過AJAX調用訪問JSON數據時遇到一些麻煩。

JSON格式

{
    "Ongoing": [
        {"name": "meh"},
        {"name": "hem"}
    ],
    "Completed": [
        {"name": "kfg"},
        {"name": "dkfgd"}
    ]
}

JS

$.ajax({
    type: "GET",
    dataType: "json",
    url: "script/projects.json",
    complete: function(data){
        for(var i = 0; i < data.Ongoing.length; i++){
            console.log(data.Ongoing[i].name);
        }

    }
})

當我寫到控制台時，出現以下錯誤：

TypeError: Cannot read property 'length' of undefined

因此，出於某種原因，它使該數組未定義的問題消除了。

我已經將JSON傳遞給了驗證器，所以我知道它是有效的JSON。 我知道jQuery的$.ajax自動解析JSON。 所以我很困惑，我應該能夠像普通對象一樣訪問數據。 誰能向我解釋我做錯了什么並提供解決方法的解釋？

下圖顯示了簡單地將data寫入控制台顯示的內容。

Answer 1

您的Ongoing是一個數組，因此您必須首先訪問一個元素：

console.log(data.Ongoing[0].name);

Answer 2

您的Ongoing屬性包含一個數組

"Ongoing": [ {"name": "meh"}, {"name": "hem"} ]

要訪問一個，您可以循環執行

$.each(data.Ongoing, function(index, value) {
   console.log(value.name);
});

Answer 3

您必須通過網絡服務器加載file:// ，使用file://加載file://但是可以使用--allow-file-access-from-files標志在Chrome中覆蓋此--allow-file-access-from-files

請參閱： 嘗試使用JQuery加載本地JSON文件以在html頁面中顯示數據

Answer 4

代碼很好。 您的問題出在請求中。 檢查網址