Waxolunist Waxolunist - 3 months ago 14
Node.js Question

Load partial html with javascript inside

On my website I load html, which is rendered at the server (nodejs), and insert it at the right position (most time a div with id content).

How would I insert the received html on the client, so that included script tags are executed?

I am using on the client side underscore and handlebars. But vanillajs is also possible of course.

PS: Here is an example to show the difference between

jQuery.html()
and setting the
innerHTML
-property:

http://jsfiddle.net/waxolunist/VDYgU/3/

esp esp
Answer

with jQuery

$('div#content').html(loaded_html);

without:

getElementById('content').innerHTML = loaded_html;

While possible to do it your way, a better idea might be to send json and render pages in the browser using the same templates you (possibly) use in the server. I'm using doT, which I think to be the best of all JavaScript based templates (like EJS, underscore).

Comments