I m trying to load a local JSON file but it won t work Here is my JavaScript code using jQuery var json getJSON quot test json quot var data eval quot quot json responseText quot quot document write data quot a quot The test json file quot a quot quot b quot quot c quot quot d quot Nothing is displayed and Firebug tells me that data is undefined In Firebug I can see json responseText and it is good and valid but it s strange when I copy the line var data eval quot quot json responseText quot quot in Firebug s console it works and I can access data Does anyone have a solution

Loading local JSON file

$.getJSON is asynchronous so you should do:

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

~ Answered on 2011-09-08 10:30:40