Question

我的JSON文件中有一个数据列表。我正在尝试通过JS从JSON文件中输出某些字符串和数组。我该怎么办？所有这些文件都保存在我的桌面上。

我已经尝试过Xhttp代码。但是我想我需要一些服务器来执行此操作，而我却没有。另外，我很确定不必使用服务器就可以做到这一点？ PS：json文件的名称为：movie.json

 JSON CODE
    {
    "movie": {
    "name": "drive",
    "year": "2011",
    "people": {
        "actors": [
            {
                "name": "ryan gosling"
            },
            {
                "name": "cary mulligan"
            },
            {
                "name": "bryan cranston"
            }
        ]
    }
    }
    }


    JS CODE
    function preload() {
      var movie = load.JSON("movie.json");
    }


    function(movie) {
        var movie = JSON.parse(movie);
        console.log(movie[0].name);
        console.log(movie[0].year);
        console.log(movie[0].actors);
    }();

驱动器，2011年，瑞恩·高斯林，凯莉·穆里根，布莱恩·克兰斯顿

Answer 1

var movie;
var http = new XMLHttpRequest();
xhhtp.open( "GET", "movie.json", true);

xhttp.onreadystatechange = function () {

    if(http.readyState == 4 && http.status == 200) {

        movie = JSON.parse(http.responseText);
    }

}

http.send();


console.log(movie[0].name);
console.log(movie[0].year);
console.log(movie[0].actors);

我不知道上面的代码是否会对您有所帮助。使用XMLHttpRequest将帮助您获取json文件，然后您可以解析并排序为数组。注意：您不需要服务器即可使用XMLHttpRequest，如果您拥有像VSCode这样的文本编辑器，则可以使用它运行实时HTML代码，然后您可以获取指向您要解析的JSON文件的完整链接，例如localhost：9000 / movie。 json

如何将JSON文件数据导入JS文件并在JS控制台中输出JSON数据？

1 个答案: