Loading JSON file with JavaScript. Please note: it won't run as a "local" script. JavaScript does not allow to load local files due to security reasons. You should deploy it on the server in order to load JSON file.

loadJson.js

function loadJson(callback) {
	var XmlHttpRequest = new XMLHttpRequest();
	XmlHttpRequest.overrideMimeType("application/json");
	XmlHttpRequest.open('GET', 'file.json', true);
	XmlHttpRequest.onreadystatechange = function () {
		if (XmlHttpRequest.readyState == 4 && XmlHttpRequest.status == "200") {
			// .open will NOT return a value 
			// but simply returns undefined in async mode so use a callback
			callback(XmlHttpRequest.responseText);
		}
	}
	XmlHttpRequest.send(null);
}
 
loadJson(function(response) {
	jsonResponse = JSON.parse(response);
	console.log(jsonResponse);
});