JSON.parse(). Accessing data and using it to populate dom

Question

JSON.parse Syntax: JSON.parse(text[, reviver]) Parameters: text-The string to parse as JSON. reviver- Optional If a function, this prescribes how the value originally produced by parsing is transformed, before being returned. Return value The Object corresponding to the given JSON text.

I really don't understand this. I have a JSON file that I need to use the data within to populate the DOM but I don't understand JSON.parse. When I tried to use this I used

var myData = JSON.parse({ "site": { "id": "example", "name": "example1" }...etc});

then tried to access it using dot notation.

console.log(myData.site.id);

I don't know what I'm doing, I've now figured out 200+ ways not to do it

What you do wrong is this: JSON is a string. Never anything else. You are not passing a string to JSON.parse() in your sample. — Tomalak
– Tomalak, Commented Dec 17, 2017 at 21:55

Ko Cour · Accepted Answer · 2017-12-17 21:56:24Z

3

JSON.parse expects a JSON string as its parameter, but you are passing javascript object literal, which is an object already and does not need parsing.

Depending on your use case you can either add quotes to make the parameter string:

var myData = JSON.parse('{ "site": { "id": "example", "name": "example1" }}');

Or don't use JSON.parse at all and you can work with your object directly.

var myData = { "site": { "id": "example", "name": "example1" }};

answered Dec 17, 2017 at 21:56

Ko Cour

9432 gold badges18 silver badges29 bronze badges

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

Comments

Nisal Edu · Accepted Answer · 2017-12-17 22:04:10Z

0

Pass JSON string to JSON.parse(yourJSONString) Then you can get values by call headers as follows.

var myRst = JSON.parse('{ "site": { "id": "example", "name": "example1" }}')

Then

myRst.site.id

    var myRst = JSON.parse('{ "site": { "id": "example", "name": "example1" }}')
    
    console.log(myRst.site.id)

answered Dec 17, 2017 at 22:04

Nisal Edu

7,6294 gold badges32 silver badges38 bronze badges

Collectives™ on Stack Overflow

JSON.parse(). Accessing data and using it to populate dom

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related