How to parse an xml ajax reply with jQuery?

Question

Using an ajax POST request in jQuery, I get the following xml back from the server:

<?xml version="1.0"?>
<data>

  <subject>
    <val1>...</val1>
    <val2>...</val2>
    <val3>...</val3>
  </subject>

  <subject>
    <val1>...</val1>
    <val2>...</val2>
    <val3>...</val3>
  </subject>

  ... 

</data>

The xml will have an arbitrary number of <subject> tags. How do I loop through each of the subject tags, grabbing the data in val1..val3 for the corresponding tag in each iteration? Thanks.

Crescent Fresh · Accepted Answer · 2009-08-13 13:23:05Z

2

Make sure your server response sends a "Content-Type" header of "text/xml". Then the response will be the parsed xml document. Your success handler has only to then iterate the resulting DOM:

$.post(url, postData, function(xmlDoc) {
    $('subject', xmlDoc).each(function() {
        var val1 = $('val1', this).text();
        var val2 = $('val2', this).text();
        var val3 = $('val3', this).text();
    })
});

edited Aug 13, 2009 at 13:23

answered Aug 12, 2009 at 2:10

Crescent Fresh

117k27 gold badges157 silver badges140 bronze badges

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

2 Comments

oym Over a year ago

I tried this and it worked for the val# that happened to have varchar data from the database. But the val tag that had text type data (mySql) showed up blank when I tried to pop up $('val#', this).text(); Any ideas why this would be?

oym Over a year ago

nevermind, I was being dumb, for one of the val# tags I was actually using <body></body> which I guess is why it didn't pick up the value..simply changing it to a different name worked..thank you

Marius · Accepted Answer · 2009-08-12 01:59:48Z

1

Using DOM methods:

var subjects = xml.getElementsByTagName("subject");
for(i in subjects){
  alert(subjects[i].getElementByTagName("val1").textContent;
  alert(subjects[i].getElementByTagName("val2").textContent;
  alert(subjects[i].getElementByTagName("val3").textContent;
}

answered Aug 12, 2009 at 1:59

Marius

59.2k35 gold badges137 silver badges151 bronze badges

Comments

Chris Missal · Accepted Answer · 2009-08-12 02:10:07Z

0

I can't find the syntax right now, but you can query the object using selectors just like you do html, something like:

$.get('your/url', function(response) {
  $(response).contents("subject"); // just like it's HTML
});

answered Aug 12, 2009 at 2:10

Chris Missal

6,1734 gold badges31 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to parse an xml ajax reply with jQuery?

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related