Loading DIV content via ajax as HTML

Question

I think I have a very simple question, but I couldn\'t find a solution. So what I want is to load a DIV content via HTML. The problem is that it is not just a text, but also

Answer 1

Are you looking for something like this ? https://api.jquery.com/load/

Where you can just load HTML into a DIV using ajax. Seems to be what you're asking...

$( "#result" ).load( "ajax/test.html" );

Where your ajax/test.html file contains

<img src="/images/weather/1.png" width="80px">

Edited... to be more specific. This is using jQuery.

Answer 2

You should use $(this).html(newtext) instead of $(this).text(newtext).

They are quite different. .text() will "escape" your HTML and insert it as simply text. Or as the documentation states:

We need to be aware that this method escapes the string provided as necessary so that it will render correctly in HTML. To do so, it calls the DOM method .createTextNode(), does not interpret the string as HTML.

You should always read the documentation first.

---

If you are already using jQuery, you could use it's AJAX methods which make your life much easier.

Answer 3

document.getElementById("divId").innerHTML = "<img ..........";    

OR

$("#divId").html("<img ..........");