Update Div with XML using Jquery

Question

All,

I know this is stupid simple but...

I'm using jQuery. I'm getting an XML document like this

$.ajax({
   type: verb,
   url: url,
   dataType: datatype,
   success: callback
   })
}

In my call back I want to update a div named ID="UpdateMe" with the result so that it looks like nicely formated XML.

This is my psudeo code for displaying the result.

function update_me_with_response(data){
  //I make it here just fine with no problems.
  //The following line is totally not working any ideas?  
      $("#ajaxer_output").text(data.text.escapeHTML());
   }

Jon Erickson · Accepted Answer · 2009-07-09 15:36:50Z

2

The difference between .text() and .html() is that .text escapes any html being sent in. so you could just use .text().

I'm assuming that you are getting html/xml back as a response and want to display the html/xml (including all of the angle brackets and markup) on the page?

edited Jul 9, 2009 at 15:36

answered Jul 9, 2009 at 1:01

Jon Erickson

115k45 gold badges140 silver badges178 bronze badges

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

Comments

tanathos · Accepted Answer · 2009-07-09 10:57:48Z

0

If you want to display XML with tags try this:

function update_me_with_response(data){
    $("#ajaxer_output").html(data.replace(/</g, '&lt;'));
}

to do that maybe it's better to use a code tag instead of a div

answered Jul 9, 2009 at 10:57

tanathos

5,6064 gold badges36 silver badges49 bronze badges

Comments

Emad · Accepted Answer · 2009-07-23 10:11:15Z

0

Try

$("#ajaxer_output").text(data.xml);

answered Jul 23, 2009 at 10:11

Emad

4,2005 gold badges35 silver badges36 bronze badges

Comments

ankitkanojia · Accepted Answer · 2020-01-29 12:54:39Z

0

Try

$("#ajaxer_output").html(data.text.escapeHTML())

edited Jan 29, 2020 at 12:54

ankitkanojia

3,1224 gold badges24 silver badges37 bronze badges

answered Jul 8, 2009 at 21:55

QuantumRob

2,9243 gold badges24 silver badges29 bronze badges

Collectives™ on Stack Overflow

Update Div with XML using Jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related