Jquery JSON.parse error

Question

I need to parse a php received string to behave like a object literal. I'm trying with json.parse but I got this error "JSON Parse error: Expected ']'". I'm not seeing why, can you please have a look to this code?

Thanks

Note this data variable is a copy/paste from what php returns just for testing

var data = "{\"29-05-yyyy\":[\"<li><div class=\"vazio\"></div><div class=\"linha\"><span>Parabéns!</span></div><div class=\"vazio\"></div></li>\"]}";
alert(JSON.parse(data));

4EACH · Accepted Answer · 2014-03-23 19:50:29Z

1

{
    "29-05-yyyy": [
        "<li><div class=\"vazio\"></div><divclass=\"linha\"><span>Parabéns!</span></div><div    class=\"vazio\"></div></li>"
    ]
}

You have to place all the backslashes before inner double quotes,
not before key or value double quotes.
Valid your json here: http://jsonlint.com/

answered Mar 23, 2014 at 19:50

4EACH

2,1974 gold badges20 silver badges31 bronze badges

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

1 Comment

Pluda Over a year ago

+1 since your example is correct, you provide a nice tool to validate. Thanks!

John S · Accepted Answer · 2014-03-23 19:47:18Z

0

The problem is the quotes for the html attributes are not properly escaped.

Your JSON basically looks like this:

{"29-05-yyyy":["<li><div class="vazio"></div>...
                               ^ this ends the string

You need to doubly escape the quotes for the html attributes, like this:

"{\"29-05-yyyy\":[\"<li><div class=\\\"vazio\\\"></div><div class=\\\"linha\\\"><span>Parabéns!</span></div><div class=\\\"vazio\\\"></div></li>\"]}"

Alternatively, you could use single quotes for the html attributes, like this:

"{\"29-05-yyyy\":[\"<li><div class='vazio'></div><div class='linha'><span>Parabéns!</span></div><div class='vazio'></div></li>\"]}"

edited Mar 23, 2014 at 19:47

answered Mar 23, 2014 at 19:42

John S

21.5k9 gold badges50 silver badges59 bronze badges

1 Comment

Pluda Over a year ago

Thanks for the explanation, the second example solved my problem

distvan · Accepted Answer · 2014-03-23 19:50:38Z

0

var data = '{"29-05-yyyy": "<li><divclass=\'vazio\'></div><div class=\'linha\'><span>Parabéns!</span></div><divclass=\'vazio\'></div></li>"}';

answered Mar 23, 2014 at 19:50

distvan

1

1 Comment

Adi Inbar Over a year ago

Please add some explanation regarding how your solution answers the question.

Collectives™ on Stack Overflow

Jquery JSON.parse error

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related