如何將JSON文件數據導入JS文件並在JS控制台中輸出JSON數據？

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