Loading of JSON file by javascript is simple. Moreover, it can be done without using of JQuery at all. This tutorial will show you how to accomplish the mission easily.

Let’s start by creating a JSON file with the following content. Save the filename as “data.json”.

Let’s create a javascript file to read the json data as following. Save the javascript file as “myscript.js”.

We are yet to complete the tutorial. Still we need to load both files in the html file that we are going to create now. Create a HTML file as following:

Save the HTML file as “test.html”.

Run the HTML file in your browser and you will observe the following output: Load JSON File Locally by Javascript Without JQuery