json data in variable and display in table

Question

I have stored JSON data in variable. but while retrieving its showing unexpected token o.

var somejson = "[{ \"key1\" : \"<header class=\"main-header dark-bg\"><div class=\"row\"></div></header>\"},{\"key2\" : \"<div class=\"row content clearfix worldwide dark-bg t--bg-5\"></div>\"}]";

var mainObject = JSON.parse(somejson);
  console.log(mainObject);
  for (var key in mainObject) {
    //console.log("key"+key);
          var innerObject = mainObject[key];
          //console.log("inner object "+innerObject);
          for (var innerKey in innerObject) {
            var t = innerObject[innerKey];
            console.log(t);
}
}

Can some one help me where i'm wrong, i'm gettting unexpected token o error. I searched for solution but couldn't able to resolve. please help me on this

JSON string is invalid thats what error says.

user2575725
– user2575725

2018-04-27 10:07:44 +00:00
Commented Apr 27, 2018 at 10:07 — user2575725
– user2575725, Commented Apr 27, 2018 at 10:07

gurvinder372 · Accepted Answer · 2018-04-27 10:07:52Z

3

Your JSON data is invalid since you are having "main-header dark-bg" inside the value of key key1 without escaping those double quotes.

Make it

var somejson = "[{ \"key1\" : \"<header class=\\\"main-header dark-bg\\\"><div class=\\\"row\\\"></div></header>\"},{\"key2\" : \"<div class=\\\"row content clearfix worldwide dark-bg t--bg-5\\\"></div>\"}]";

Or use single quotes for attribute values inside the key value

var somejson = "[{ \"key1\" : \"<header class='main-header dark-bg'><div class='row'></div></header>\"},{\"key2\" : \"<div class='row content clearfix worldwide dark-bg t--bg-5'></div>\"}]";

answered Apr 27, 2018 at 10:07

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

1 Comment

Zabi Over a year ago

_gurvinder372 first one worked for me. Thanks for the solution.

Sree Nath · Accepted Answer · 2018-04-27 10:08:04Z

0

Make your json as follows:

"[{ "key1" : "<header class='main-header dark-bg'><div class='row'></div></header>"},{"key2" : "<div class='row content clearfix worldwide dark-bg t--bg-5'></div>"}]"

answered Apr 27, 2018 at 10:08

Sree Nath

5536 silver badges20 bronze badges

Collectives™ on Stack Overflow

json data in variable and display in table

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related