将本地JSON文件读入变量

Question

我已经在我的本地系统中保存了一个JSON文件,并创建了一个Javascript文件,以便读取JSON文件并打印出数据.这是JSON文件:

[
{"Titel":"a", 
    "Timestamp":"2017-05-18 22:11",
    "Text":"a", 
    "img":"a.jpg",
    "FullText":"a"
},
{"Titel":"b",
    "Timestamp":"2017-08-08 22:11",
    "Text":"b",
    "img":"b.jpg",
    "FullText":"b" }]

让我们说这是它带你到JSON文件的路径:

../news_data.json

任何人都可以帮我编写一段简单的代码来读取JSON文件并在Javascript中打印其中的数据.我是Javascript的新手,需要一些简单的东西.非常感谢您的协助.

Answer 1

这是一种没有jQuery的方法.

首先创建此功能:

function loadJSON(callback) {   
  var xobj = new XMLHttpRequest();
  xobj.overrideMimeType("application/json");
  xobj.open('GET', '../news_data.json', true);
  xobj.onreadystatechange = function () {
    if (xobj.readyState == 4 && xobj.status == "200") {
      callback(JSON.parse(xobj.responseText));
    }
  };
  xobj.send(null);  
}

然后你可以通过简单地调用这样的东西来使用它:

loadJSON(function(json) {
  console.log(json); // this will log out the json object
});

我通过谷歌搜索"读取本地json文件javascript"找到了这一点(来源)