How to read an external local JSON file in JavaScript

Question

I have saved a JSON file in my local system and created a JavaScript file in order to read the JSON file and print data out. Here is the JSON file:

{"resource":"A","literals":["B","C","D"]}

Let’s say this is the path of the JSON file: /Users/Documents/workspace/test.json.

Could anyone please help me write a simple piece of code to read the JSON file and print the data in JavaScript?

Answer 1

Hello @kartik,

For reading the external Local JSON file (data.json) using javascript, first create your data.json file:

data = '[{"name" : "Niroj", "age" : "22"},{"name" : "Dey", "age" : "20"}]';

1. Mention the path of the json file in the script source along with the javascript file.

   <script type="text/javascript" src="data.json"></script>
   <script type="text/javascript" src="javascrip.js"></script>

2. Get the Object from the json file

   var mydata = JSON.parse(data);
   alert(mydata[0].name);
   alert(mydata[0].age);
   alert(mydata[1].name);
   alert(mydata[1].age);

Hope it helps!!

Sometimes to read external JSON file in javascript, you need to be a good Java programmer. To be the one you should look for one of the top Java training class.

Thank You!!

Comments

This is so wrong!

---

OK, but your file isn't JSON. It's JSON wrapped in Javascript "date ="

---

Hi Niroj,

I have a JSON file as below

{

"name":"Akash",

"age":20,

"dp":"..\\img\\dp.png",

"interest":[

"Sports", "Music", "Books"

]

}

Now, how can I parse this JSON.

I need to feed some variables in js, vName, vAge, vdp.

Regards,

Sukhomoy

---

So the solution to load JSON is don't use JSON?  instead you have converted it to javascript, so it is no longer a valid JSON file.

---

How to read this JSON file by declaring it inside the Javascript file?