Load a JSON file into a JS object

Question

I try to load a json file into a JavaScript var but it just doesn't work out.

var jsonString = JSON.stringify('./test.json');
var obj = JSON.parse(jsonString);

console.log(obj.details.ProductID);

it says that it can't read property ProductID of undefined.

What am I doing wrong here ?

load your file seperately, take it into a variable, and then stringify it? — Satej S
– Satej S, Commented Jul 18, 2016 at 12:49
Can you add the JSON you are trying to read to your question? — SPlatten
– SPlatten, Commented Jul 18, 2016 at 12:54

Rory McCrossan · Accepted Answer · 2016-07-18 12:51:59Z

3

You need to make an AJAX call to get the file. $.getJSON was intended for exactly this purpose:

$.getJSON('./test.json', function(obj) {
    console.log(obj.details.ProductID);
});

answered Jul 18, 2016 at 12:51

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bay Over a year ago

What should I do if I want json file to set among js tags on HTML between <script></script> tags?

Arun Ghosh · Accepted Answer · 2016-07-18 12:52:07Z

2

If you are using jQuery:

$.getJSON( "/test.json", function( obj ) {
  console.log(obj.details.ProductID);
});

answered Jul 18, 2016 at 12:52

Arun Ghosh

7,7741 gold badge28 silver badges38 bronze badges

Comments

Emil Sierżęga · Accepted Answer · 2016-07-18 13:14:49Z

2

JSON.stringify() first argument needs to be a valid JSON string, not a file.

You need to use AJAX to retrieve file from server:

$.getJSON('./test.json', function(responseObject){
    var obj = responseObject
    console.log(obj)
})

edited Jul 18, 2016 at 13:14

Emil Sierżęga

2,1413 gold badges35 silver badges41 bronze badges

answered Jul 18, 2016 at 12:52

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Comments

Andy Lorenz · Accepted Answer · 2020-01-29 23:19:36Z

2

In case it helps anyone, just use this:

const dataObjectFromFile = require('./path/to/datafile.json');

answered Jan 29, 2020 at 23:19

Andy Lorenz

3,1041 gold badge32 silver badges30 bronze badges

Collectives™ on Stack Overflow

Load a JSON file into a JS object

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related