在 JSON 文件中获取数据时出现语法错误

Question

我尝试制作一个简单的 JSON 文件，使用 XMLHttpRequest 获取它。

观察到的都调试过了，还是不行运行，请问这是什么问题..

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 个代表，否则我只会发表评论）

在 JSON 文件中获取数据时出现语法错误

Syntax error when getting data in JSON file

javascript

json

xmlhttprequest