Ścieżka pliku analizy pliku JSON

Question

Utknąłem, próbując uzyskać poprawną ścieżkę do pliku lokalnego. Mam następujące katalogi:

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

jestem realizujących script.js od file1.html, z kodem JS:

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

Ale to nie działa, nawet nie uruchamia się alarm. Co jest nie tak?

Również próbowałem to:

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); 

Alert niezdefiniowane w niniejszym przypadku.

Answer 1

Ponieważ jest w katalogu data/, trzeba zrobić:

ścieżka pliku jest '../../data/file.json'

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

Czyste 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

Jeśli Resources jest ścieżka korzeń, najlepiej sposób dostępu do file.json będzie przez /data/file.json

Answer 3

Loading local JSON file

Zastosowanie coś takiego

$.getJSON("../../data/file.json", function(json) { 
    console.log(json); // this will show the info in firebug console 
    alert(json); 
}); 

Answer 4

Takie rozwiązanie wykorzystuje asynchroniczne wywołanie. Prawdopodobnie zadziała lepiej niż rozwiązanie synchroniczne.

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); 
    } 
}