jQuery.html() result, not interpreted as HTML by the browser

Question

After a successful ajax call, I want to print the result on screen (in a DIV). This result is a piece of HTML code.

$.ajax({
    url: window.location.pathname + '/feedback-campaigns',
    type: 'GET',
    contentType: 'text/html',
    success: function(data, textStatus, jqXHR) {
        var result = data.campaigns.campaigns[0].text; 
        // result = "&lt;b&gt;TEST - do you see me?&lt;/b&gt;"
        $('.campaign-top-product-detail-page').html(result);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log('NOK');
    }
});

But, on screen I see this:

<b>TEST - do you see me?</b>

instead of the text in bold.

Nishit Maheta · Accepted Answer · 2015-04-16 12:17:10Z

3

Use following

$.ajax({
           url: window.location.protocol + '//' + window.location.host + window.location.pathname + '/feedback-campaigns',
           type: 'GET',
           contentType: 'text/html',
           success: function(data, textStatus, jqXHR) {
                    var result = $.parseHTML(data.campaigns.campaigns[0].text); // result = "&lt;b&gt;TEST - do you see me?&lt;/b&gt;"
                    $('.campaign-top-product-detail-page').html(result);  
          },
          error: function(jqXHR, textStatus, errorThrown) {
                    console.log('NOK');
          }
});

Update: write like this $.parseHTML(data.campaigns.campaigns[0].text);

edited Apr 16, 2015 at 12:17

Nishit Maheta

6,0413 gold badges20 silver badges32 bronze badges

answered Apr 16, 2015 at 11:55

Amitesh Yadav

3121 silver badge11 bronze badges

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

3 Comments

rdiazroman Over a year ago

Uncaught ReferenceError: parseHTML is not defined

Amitesh Yadav Over a year ago

Make it correct----- $.parseHTML(data.campaigns.campaigns[0].text)

rdiazroman Over a year ago

It works, thanks! However, I had to add something: var result2 = $.parseHTML(data.campaigns.campaigns[0].text)[0].data;

leopik · Accepted Answer · 2015-04-16 11:53:56Z

3

It is because the response from server contains HTML entities, not actual HTML tags. To solve this, simply send the HTML such as <b>TEST - do you see me?</b>. (If you're using PHP on your server, then don't use htmlspecialchars on the output).

answered Apr 16, 2015 at 11:53

leopik

2,3512 gold badges19 silver badges32 bronze badges

Comments

ch271828n · Accepted Answer · 2015-04-16 11:56:02Z

0

Remember that things like &lt will be not regarded as a part of HTML code but some character. So if you want to show the text which is bold, you should let it return as below

<b>TEST - do you see me?</b>

However, if you don't have permission to edit the result, other answers are good.

answered Apr 16, 2015 at 11:56

ch271828n

17.9k5 gold badges71 silver badges108 bronze badges

Collectives™ on Stack Overflow

jQuery.html() result, not interpreted as HTML by the browser

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related