Getting unexpected token: n when parsing JSON in JavaScript

Question

Grabbing innerHTMl of this div

<div style="display:none;" id="graphdata">{n:2 , e:1},{from:1 , to:2},{from:2, to:3},{from:3, to:4}</div>

then parsing it with this JS code

jdiv=document.getElementById('graphdata').innerHTML;
edges=JSON.parse(jdiv);

JS console in Chrome says: Uncaught SyntaxError: Unexpected token n

can't find out where is that token n can be and what's wrong with my code? any ideas?

Well, that's not valid JSON.

Blender
– Blender

2013-02-17 22:07:11 +00:00
Commented Feb 17, 2013 at 22:07 — Blender
– Blender, Commented Feb 17, 2013 at 22:07

Kevin Garman · Accepted Answer · 2013-02-17 22:13:11Z

20

You need to quote your labels and add brackets...

[
    {
        "n": 2,
        "e": 1
    },
    {
        "from": 1,
        "to": 2
    },
    {
        "from": 2,
        "to": 3
    },
    {
        "from": 3,
        "to": 4
    }
]

answered Feb 17, 2013 at 22:13

Kevin Garman

3953 silver badges10 bronze badges

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

Comments

drioemgaoin · Accepted Answer · 2017-06-28 09:28:54Z

0

Can you try to take the value, split it by ',' to create an array and use JSON.stringify to generate a correct JSON. From there you can use JSON.parse and have an object

answered Jun 28, 2017 at 9:28

drioemgaoin

262 bronze badges

Collectives™ on Stack Overflow

Getting unexpected token: n when parsing JSON in JavaScript

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