How can I open a JSON file in JavaScript without jQuery?

Question

I am writing some code in JavaScript. In this code i want to read a json file. This file will be loaded from an URL.

How can I get the contains of this JSON file in an object in JavaScript?

This is for example my JSON file located at ../json/main.json:

{"mainStore":[{vehicle:'1',description:'nothing to say'},{vehicle:'2',description:'nothing to say'},{vehicle:'3',description:'nothing to say'}]} 

and i want to use it in my table.js file like this:

for (var i in mainStore) {            document.write('<tr class="columnHeaders">');     document.write('<td >'+ mainStore[i]['vehicle'] + '</td>');     document.write('<td >'+ mainStore[i]['description'] + '</td>');     document.write('</tr>'); }  

Answer 1

Here's an example that doesn't require jQuery:

function loadJSON(path, success, error) {     var xhr = new XMLHttpRequest();     xhr.onreadystatechange = function()     {         if (xhr.readyState === XMLHttpRequest.DONE) {             if (xhr.status === 200) {                 if (success)                     success(JSON.parse(xhr.responseText));             } else {                 if (error)                     error(xhr);             }         }     };     xhr.open("GET", path, true);     xhr.send(); } 

Call it as:

loadJSON('my-file.json',          function(data) { console.log(data); },          function(xhr) { console.error(xhr); } );