Help appending html data from json encoded data

Question

I am having trouble getting the html data from a json string to append properly after jquery post.

The problem I am having is that the slashes are not being removed from the html so the select list is not displaying and the html is outputting incorrectly. I have tried parsing the data after I

Here is the json string I have:

{"type":"success","list":"<li id=\"item-1><p>Test<\/p><p><select name=\"steps\">\n<option value=\"3\">Step 1<\/option>\n<option value=\"2\">Step 2<\/option>\n<option value=\"6\">Step 3<\/option>\n<option value=\"5\">Step 5<\/option>\n<\/select><\/p><\/li><li id=\"item-18><p>Testinggg<\/p><\/li>"}

And here is how it is created:

jQuery.ajax({
    success: function(data) {
        if (data)
        {
            if(data.type =='success') {
                jQuery("#item-list").append(data.list);
            }
        }
    },
    type: 'POST',
    data: {items: JSON.stringify(data)},
    dataType: 'json',
    url: "/action/create/" 
});

and in php:

$data = array(
    'type' => 'success',
    'list' => $list
);

echo json_encode($data);

You're missing a closing \" in your data after item-1 and item-18. This could be causing a parse error on appending to the DOM. With those added in it works fine: jsfiddle.net/RMnLG — mVChr
– mVChr, Commented Apr 12, 2011 at 0:15
@mVChr - Yes you are correct about the about missing the ". Can't believe I didn't spot that. Thank you — Mark Simpson
– Mark Simpson, Commented Apr 12, 2011 at 0:22
@mVChr: You should make that an answer so the OP can accept it — Chris Laplante
– Chris Laplante, Commented Apr 12, 2011 at 0:29

mVChr · Accepted Answer · 2011-04-12 00:33:11Z

1

Nobody Panic, Just A Syntax Error

You're missing a closing \" in your data after item-1 and item-18. This is causing a parse error on appending to the DOM. With those added in it works fine: http://jsfiddle.net/RMnLG

answered Apr 12, 2011 at 0:33

mVChr

50.3k11 gold badges111 silver badges105 bronze badges

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

Collectives™ on Stack Overflow

Help appending html data from json encoded data

1 Answer 1

Nobody Panic, Just A Syntax Error

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Nobody Panic, Just A Syntax Error

Comments

Your Answer

Sign up or log in

Post as a guest

Related