JSON html string is not being converted to html by innerhtml

Question

I am using javascript and php and need to pass some HTML in the JSON variable (PHP->JS).

Unfortunately, due to some environmental constraints I am limited in the jQuery I can use. Using things such as jQuery.parseJSON(str) and $.parseJSON(str) throw unexpected token errors.

Therefor I need a purely javascript approach to handling html in a JSON variable. Currently, the HTML string is just printed as a string on the page, though I need it to take effect as HTML.

My JS code is as follows:

document.getElementById("activeDescription").innerHTML = response['description'];

and the results ends up just being text on the HTML page as follows:

<p>helloworld</p>

whereas I expect just

helloword

to be displayed on the HTML page. On alert(response['description']) I receive

&lt;p&gt;&lt;span class=&quot;

EDIT

When I use

jQuery.parseJSON('{"name":"John"}');

everything is peachy but this code

jQuery.parseJSON(response['description']);

gives me an "Uncaught SyntaxError: Unexpected token & " error

what is returned by response['description']? It's not clear what you expected to happen. — Jamie Treworgy
– Jamie Treworgy, Commented Jan 4, 2013 at 14:48
unexpected token errors? are you json_encodeing your php arrays? — dm03514
– dm03514, Commented Jan 4, 2013 at 14:49
so to be clear, you just need a pure javascript way of decoding html specific characters? It sounds like you are getting < and > in your string — vortextangent
– vortextangent, Commented Jan 4, 2013 at 14:49
You have a 0% accepted rate, please accept some answers on your older questions. — Manuel
– Manuel, Commented Jan 4, 2013 at 14:49
alert(response['description']); .. are the characters like <p> or '>p< ? — Sorin Trimbitas
– Sorin Trimbitas, Commented Jan 4, 2013 at 14:49

Luis Ramos · Accepted Answer · 2014-03-21 13:53:04Z

1

Most probably a encoding problem. You can fix by decoding the characters.

In javascript:

var div = document.createElement('div');
div.innerHTML = encoded;
var decoded = div.firstChild.nodeValue;

In PHP, look at this link: http://www.php.net/manual/en/function.htmlentities.php

edited Mar 21, 2014 at 13:53

answered Jan 4, 2013 at 15:38

Luis Ramos

1211 silver badge3 bronze badges

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

Collectives™ on Stack Overflow

JSON html string is not being converted to html by innerhtml

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related