The HTML code set as text and not parsed as html code [duplicate]

Question

I have the below call AJAX code in my JavaScript code:

$.get("MyServlet",function(data, status) {          
        $('#ajaxResponse').text(data);
});

MyServlet returns a piece of HTML code.

The content of my element #ajaxResponse is set as text and not as HTML code. When I inspect element I found the content of my div like this:

&lt;table border="1"&gt;
&lt;tr&gt;
    &lt;td&gt;ID&lt;/td&gt;
    &lt;td&gt;Name&lt;/td&gt;
    &lt;td&gt;Surname&lt;/td&gt;
&lt;/tr&gt;
...

Anne Douwe · Accepted Answer · 2018-02-02 10:42:37Z

1

Use the jQuery .html() method:

$.get("MyServlet",function(data, status) {          
    $('#ajaxResponse').html(data);
});

The jQuery .text() method escapes all HTML found in the data.

Reference: https://api.jquery.com/html/

answered Feb 2, 2018 at 10:42

Anne Douwe

6921 gold badge5 silver badges21 bronze badges

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

1 Comment

senior Over a year ago

yes :) That is :) thanks a lot

Phiter · Accepted Answer · 2018-02-02 10:42:44Z

1

Use $().html() instead.

$().text() escapes every HTML tag.

From the docs:

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.

answered Feb 2, 2018 at 10:42

Phiter

15k14 gold badges52 silver badges87 bronze badges

Collectives™ on Stack Overflow

The HTML code set as text and not parsed as html code [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related