繁体   English   中英

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

[英]How do I import JSON file data into JS file and output the JSON data in JS console?

我的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年,瑞安·高斯林,凯莉·穆里根,布莱恩·克兰斯顿

 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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM