Loading local JSON file

javascript jquery json firebug local-files

$.getJSON is asynchronous so you should do:

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

javascript jquery json firebug local-files

I had the same need (to test my angularjs app), and the only way I found is to use require.js:

var json = require('./data.json'); //(with path)

note: the file is loaded once, further calls will use the cache.

javascript jquery json firebug local-files

In a more modern way, you can now use the Fetch API:

fetch("test.json")  .then(response => response.json())  .then(json => console.log(json));

All modern browsers support Fetch API. (Internet Explorer doesn't, but Edge does!)

source:

CodeHunter