Jquery cannot append to a ordered list with HTML as content

Question

I am trying to append to an ordered list based on the JSON response i receive from the server. The response contains HTML tags and for some reason they are not getting rendered in HTML.I did a console.log for the response message and it appears to be fine. However when i append this to my list it does not show on screen.

I am using ajax call with jquery and PHP/Mysql in the backend.

here is jquery code snippet:

 success: function (response) {
                    var responsedata = jQuery.parseJSON(response);
                    console.log(responsedata.msg);
                    $('#step3ul2').append("<li>"+responsedata.msg+"</li>");
                    $("#finalmsgsuccessdiv").show();    
                    },

The console.log prints:

<a href = '../editrequest/index.php?q=88>Request id 88</a> was successfully added in the system

however the browser shows nothing.

Are you sure your selectors are correct? What does your HTML look like? — Andrew Whitaker
– Andrew Whitaker, Commented Jan 11, 2012 at 3:11
Obvious, but just incase, do you have an element with id step3ul2 and finalmsgsuccessdiv ? — gideon
– gideon, Commented Jan 11, 2012 at 3:11

Chango · Accepted Answer · 2012-01-11 03:11:28Z

8

Could it be that the href attribute on the 'a' tag doesn't have the single quote closed?

<a href = '../editrequest/index.php?q=88>

vs

<a href = '../editrequest/index.php?q=88'>

answered Jan 11, 2012 at 3:11

Chango

6,8121 gold badge30 silver badges38 bronze badges

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

3 Comments

Kavin Mehta Over a year ago

yup it seems that the ' was causing the issue....i guess its time to go home..too late :) Thanks a lot!!!

Chango Over a year ago

hehe, yeah, sometimes the answer lays in our dreams (or lack of it). Good luck!

Kavin Mehta Over a year ago

seriously man i was thinking may be something is wrong with jquery parsing json...or a bug in my php sending back data etc etc went all the wrong way digging into stuff that made no sense :):) I am a 1 man army building the whole app on my own and don't have a team per se to work with...however i was wrong....i have a huge team and its called the stackoverflow team!!! :):)

Collectives™ on Stack Overflow

Jquery cannot append to a ordered list with HTML as content

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related