JSON解析文件路径

Question

我试图获取本地文件的正确路径.我有以下目录:

Resources ->
   data ->
       file.json
   js ->
     folder ->
        script.js
   html ->
      folder ->
         file1.html

我执行script.js的file1.html,与JS代码:

var answers = JSON.parse('../../data/file.json');
alert(answers);

但它不起作用,即使警报没有开始.怎么了？

我也试过这个:

function readJSON(file) {
    var request = new XMLHttpRequest();
    request.open('GET', file, false);
    request.send(null);
    if (request.status == 200)
        return request.responseText;
};

var temp = readJSON('../../data/file.json');
alert(temp);

在这种情况下,警报未定义.

Answer 1

因为它在目录中data/,你需要做:

文件路径是 '../../data/file.json'

$.getJSON('../../data/file.json', function(data) {         
    alert(data);
});

纯JS:

   var request = new XMLHttpRequest();
   request.open("GET", "../../data/file.json", false);
   request.send(null)
   var my_JSON_object = JSON.parse(request.responseText);
   alert (my_JSON_object.result[0]);

Answer 2

此解决方案使用异步调用.它可能比同步解决方案更好.

var request = new XMLHttpRequest();
request.open("GET", "../../data/file.json", false);
request.send(null);
request.onreadystatechange = function() {
  if ( request.readyState === 4 && request.status === 200 ) {
    var my_JSON_object = JSON.parse(request.responseText);
    console.log(my_JSON_object);
  }
}