Decode json using javascript web

Question

When I run this code/try to decode this

var data = JSON.parse({"forms":[{"url":"example.com/example","name":"example"}]})
document.getElementById("name").innerHTML=data.forms.name

the value returned undefined.

So what is the proper way to decode it using web javascript?

That is because data.forms contains an array, not an object. — Randy Casburn
– Randy Casburn, Commented Apr 20, 2018 at 14:28

Ludovit Mydla · Accepted Answer · 2018-04-20 14:29:33Z

2

Just use the object itself?

var data = {"forms": [{"url":"example.com/example","name":"example"}]};
document.getElementById("name").innerHTML=data.forms[0].name

JSON.parse() is taking string as a parameter. You don't need to parse it, because you already have the object itself.

answered Apr 20, 2018 at 14:29

Ludovit Mydla

8229 silver badges17 bronze badges

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

Comments

Sergio · Accepted Answer · 2018-04-20 14:31:56Z

0

In your example you are providing a JSON object, yuo don't have to parse it.

const data = JSON.parse('{"forms":[{"url":"example.com/example","name":"example"}]}')
document.getElementById("name").innerHTML=data.forms[0].name

And the 'form.data' field is an array. you should access it before reading any property.

answered Apr 20, 2018 at 14:31

Sergio

1061 silver badge7 bronze badges