Syntax error when parsing JSON string

Question

I have a sample JSON with some part of my webpage rendered :

{"html": {"#data": "\n<h2>Data</h2>\n<div class="\&quot;manufacturer-image\&quot;">\n \n</div>\n
<form action="\&quot;/manage/update-manufacturer-data/3\&quot;" method="\&quot;post\&quot;">\n \n 
<div class="\&quot;field\&quot;">\n <div class="\&quot;label\&quot;">\n <label for="\&quot;id_name\&quot;">Nazwa</label>:\n 
</div>\n \n \n <div class="\&quot;error\&quot;">\n 
<input id="\&quot;id_name\&quot;" name="\&quot;name\&quot;" maxlength="50" type="\&quot;text\&quot;">\n 
<ul class="\&quot;errorlist\&quot;"><li>Pole wymagane</li></ul>\n </div>\n \n </div>\n\n 
<div class="\&quot;field\&quot;">\n <div class="\&quot;label\&quot;">\n <label for="\&quot;id_image\&quot;">Zdjecie</label>:\n 
</div>\n \n \n <div>\n <input name="\&quot;image\&quot;" id="\&quot;id_image\&quot;" type="\&quot;file\&quot;">\n 
</div>\n \n </div>\n\n <div class="\&quot;field\&quot;">\n <div class="\&quot;label\&quot;">\n 
<label for="\&quot;id_description\&quot;">Opis</label>:\n </div>\n \n \n <div>\n 
<textarea id="\&quot;id_description\&quot;" rows="10" cols="40" name="\&quot;description\&quot;"></textarea>\n </div>\n \n 
</div>\n \n <div class="\&quot;buttons\&quot;">\n <input class="\&quot;ajax-save-button" button\"="" type="\&quot;submit\&quot;">\n 
</div>\n</form>"}}

This string is returned with ajax call and jQuery 1.6.1 throws an error :

SyntaxError: JSON.parse: expected ',' or '}' after property value in object

in the following part of the code :

parseJSON: function( data ) {
    if ( typeof data !== "string" || !data ) {
        return null;
    }
    // Make sure leading/trailing whitespace is removed (IE can't handle it)
    data = jQuery.trim( data );

    // Attempt to parse using the native JSON parser first
    if ( window.JSON && window.JSON.parse ) {
        console.warn('data: ', data);
        var ret;
        try{
            ret = window.JSON.parse(data);
        } catch(e){
            ret = {};
            console.warn(e);
        }
        return ret;
        //return window.JSON.parse( data );
    }

What am I missing here ?

EDIT:

I have parsed through the previous 'json' (which by the way was created with python's simplejson lib, so I wonder how can this be working anywhere) and now jsonlint shows, that I have proper JSON. Still the problem remains the same. The new string :

{"html": [{"#data": "\n<h2>Data</h2>\n<div class=&quot;manufacturer-image&quot;>\n    \n</div>\n<form action=&quot;/manage/update-manufacturer-data/4&quot; method=&quot;post&quot;>\n        \n    <div class=&quot;field&quot;>\n        <div class=&quot;label&quot;>\n            <label for=&quot;id_name&quot;>Nazwa</label>:\n        </div>\n        \n        \n            <div class=&quot;error&quot;>\n                <input id=&quot;id_name&quot; type=&quot;text&quot; name=&quot;name&quot; maxlength=&quot;50&quot; />\n                <ul class=&quot;errorlist&quot;><li>Pole wymagane</li></ul>\n            </div>\n        \n    </div>\n\n    <div class=&quot;field&quot;>\n        <div class=&quot;label&quot;>\n            <label for=&quot;id_image&quot;>Zdjecie</label>:\n        </div>\n        \n        \n            <div>\n                <input type=&quot;file&quot; name=&quot;image&quot; id=&quot;id_image&quot; />\n            </div>\n        \n    </div>\n\n    <div class=&quot;field&quot;>\n        <div class=&quot;label&quot;>\n            <label for=&quot;id_description&quot;>Opis</label>:\n        </div>\n        \n        \n            <div>\n                <textarea id=&quot;id_description&quot; rows=&quot;10&quot; cols=&quot;40&quot; name=&quot;description&quot;></textarea>\n            </div>\n        \n    </div>\n  \n    <div class=&quot;buttons&quot;>\n        <input type=&quot;submit&quot; class=&quot;ajax-save-button button&quot; />\n    </div>\n</form>"}]}

EDIT2: Ok it looks, that JSOn leaving my backend is proper but dumb jQuery adds additional quotes around each '"' which is kinda odd.

i dont know but from the look of it the json seems to be invalid... — Rafay
– Rafay, Commented Oct 27, 2011 at 19:22

Ricardo Lohmann · Accepted Answer · 2013-04-10 03:19:04Z

10

storejson= getJSonObject("@ViewBag.JsonData");

function getJSonObject(value) {
    return $.parseJSON(value.replace(/&quot;/ig, '"'));
}

edited Apr 10, 2013 at 3:19

Ricardo Lohmann

26.4k7 gold badges86 silver badges84 bronze badges

answered Dec 13, 2012 at 5:22

Rasal Shukla

1211 silver badge3 bronze badges

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

Comments

phihag · Accepted Answer · 2011-10-27 20:13:45Z

8

The data is not valid JSON, since \" in strings seems to have been replaced with "\.

Contact the author of that supposedly-JSON and notify him or her that there are plenty of JSON libraries available for all languages and platforms.

edited Oct 27, 2011 at 20:13

answered Oct 27, 2011 at 19:21

phihag

289k75 gold badges475 silver badges489 bronze badges

2 Comments

Jamie R Rytlewski Over a year ago

You can always use: jsonlint.com to check if it's valid JSON. Also, the above is not valid JSON.

phihag Over a year ago

@JamieRRytlewski Good point. Unfortunately, I can't find a way to generate a link to a specific validation, so I used the JavaScript mode at ideone.

Christiaan Nieuwlaat · Accepted Answer · 2011-10-27 19:30:23Z

3

I might be mistaken here but I think it's due to the JSON data itself it doesn't work. The JSON parser probably chokes on the double-quotes in the HTML contained in the JSON'ed string variable. I think it will work when you pre-process the HTML string before outputting the JSON data so you change the double-quotes into something else. ( and do the other way around after parsing the JSON data )

An example might clarify a bit:

instead of this: {"html": { "#data": "<input name="somename" type="text"/>"} }

i'd try to use this:

{"html": { "#data": "<input name="somename" type="text"/>"} }

Hope it helps...

answered Oct 27, 2011 at 19:30

Christiaan Nieuwlaat

1,3699 silver badges14 bronze badges

1 Comment

Rahul Gupta-Iwasaki Over a year ago

this worked for me. to simplify the quotation replacement I used JSON.stringify(foo).replace(/\\"/g, '\\\\"')

Andreas · Accepted Answer · 2011-10-27 19:35:05Z

2

JSON = Javascript Object Notation, therefor the value of the "#data"property is an invalid string.

You can validate your JSON here

answered Oct 27, 2011 at 19:35

Andreas

21.9k7 gold badges52 silver badges58 bronze badges

Comments

Tules · Accepted Answer · 2011-10-27 19:23:02Z

-1

I think it's probably the fact that you are using the same double quotes in your HTML code itself so the JSON thinks its a property value, try using single quotes for all the HTML

answered Oct 27, 2011 at 19:23

Tules

4,9152 gold badges29 silver badges29 bronze badges

1 Comment

Heitor Over a year ago

This is not reasonnable!

Collectives™ on Stack Overflow

Syntax error when parsing JSON string

5 Answers 5

Comments

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related