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

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

1 个答案: