在JSON文件中獲取數據時的語法錯誤

Question

我嘗試使用XMLHttpRequest制作一個簡單的JSON文件。

我已經調試了所有觀察到的內容，但是仍然無法運行，這是什么問題。

var getData = function() {

    var xmlhttp = new XMLHttpRequest();
    var url = "battletheme.json";

    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var themeinfo = JSON.parse(xmlhttp.responseText);
            showField(themeinfo);
        }
    };

    xmlhttp.open("GET", url, true);
    xmlhttp.send();
}

var showField = function(inputcat) {
    var txt = "";

    for(i=0; i<inputcat.length; i++) {
        txt += "Place: " + inputcat.field[i].fieldname + " , Boundary: " + inpucat.field[i].rightboundary + " <br>";
    }

    document.getElementById("msg_box").innerHTML = txt;

}

getData();

JSON文件在這里：（全部在我的計算機中，並且在同一根目錄中）

{"field": [
        {"fieldname" : "forest","leftboundary" : 1, "rightboundary" : 500},
        {"fieldname" : "jungle","leftboundary" : 1, "rightboundary" : 600},
        {"fieldname" : "island","leftboundary" : 1, "rightboundary" : 200}
]}

Answer 1

嘗試使用inputcat.field.length而不是inputcat.length（我沒有50個代表，否則我只會發表評論）