How do I parse this invalid JSON string in jQuery?

Question

I am looking to access the various bits of data in this data attribute:

<div class="location" data="{id: 4, point: {lng: -71.413364, lat: 41.673681}, category: 'Restaurant'}">

The data attribute is easy enough to reach in jQuery, of course. But the string seems to be a non-standard or invalid form of JSON. I've tried JSON.parse() and also a basic JS method of splitting the array. By all accounts, it just seems to be an invalidly-serialized string.

Will I need to reformat the data string? (it doesn't come from me, and it's used by other routines that I'd rather not break, so...)

Pointy · Accepted Answer · 2010-05-20 15:39:52Z

6

Normally I'd say this is dangerous (and in fact I'll say it now), but try:

var decoded;  eval("decoded = " + $('div.location').attr('data'));

It's invalid JSON because the labels aren't quoted.

answered May 20, 2010 at 15:39

Pointy

415k62 gold badges600 silver badges631 bronze badges

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

Comments

Sean Kinsey · Accepted Answer · 2010-05-20 15:53:53Z

1

The reason why you are getting a parse error is that the property names aren't properly quoted. This works though:

var obj = eval("(" + "{id: 4, point: {lng: -71.413364, lat: 41.673681}, category: 'Restaurant'}" + ")");

The enclosing () is needed to avoid eval treating {} as a block statement.

answered May 20, 2010 at 15:53

Sean Kinsey

38k7 gold badges55 silver badges71 bronze badges

Comments

Bradley Mountford · Accepted Answer · 2010-05-20 15:54:34Z

1

The JSON is malformatted for parsing. It works if you reformat like this:

var obj = jQuery.parseJSON('{"id": 4, "point": {"lng": -71.413364, "lat": 41.673681}, "category": "Restaurant"}');

$("#blah").text(obj.point.lng);

answered May 20, 2010 at 15:54

Bradley Mountford

8,2934 gold badges43 silver badges41 bronze badges

Collectives™ on Stack Overflow

How do I parse this invalid JSON string in jQuery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related