Howto parse the XML document returned from ajax? [duplicate]

Question

I'm using jQuery.

$.ajax({
   url: xxx,
   success: function(data) {
      ...
   }
});

The data is an XML document like:

<root>
   <source>
      <a><source>...</source></a>
      <b>...</b>
      ...
   </source>
   <article>
   ...
   </article>
</root>

I want to extract the XML fragment under source tag, and append them to a div with id "converted". How could I do? PS: the fragment may include source tags too.

What did you try? what happened? Where did you get stuck? Did you look at other questions (randomly, like this one: stackoverflow.com/questions/8498098/… ) — Nanne
– Nanne, Commented Dec 18, 2013 at 9:10
There is nothing for AJAX here in particular. You should look for parse XML using JavaScript or JQuery. Something like stackoverflow.com/q/7228141/1654121 — Vivek Jain
– Vivek Jain, Commented Dec 18, 2013 at 9:12
@Nanne, I don't know howto handle data. I've tried $(data), but it does not work as I expected. I mean I don't know howto do next with $(data). I mentioned ajax, because data is returned from ajax, and it seems like it's the XMLDocument type. — user3114401
– user3114401, Commented Dec 18, 2013 at 9:12

user3114299 · Accepted Answer · 2013-12-18 09:10:58Z

1

Try this:

$('#converted').append($('source:first', data));

answered Dec 18, 2013 at 9:10

user3114299

283 bronze badges

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

1 Comment

user3114401 Over a year ago

It works! Thanks every body! $('source:first', data), that's what I'm looking for!

Vivek Jain · Accepted Answer · 2013-12-18 09:17:22Z

0

var txt = data
if (window.DOMParser)
{
    parser = new DOMParser();
    xmlDoc = parser.parseFromString(txt, "text/xml");
}
else // Internet Explorer
{
    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async = false;
    xmlDoc.loadXML(txt); 
}

var array_of_source_elems = xmlDoc.getElementsByTagName("source");

xmlDoc can then be used like DOM Documents e.g.: xmlDoc.getElementsBy... etc.

edited Dec 18, 2013 at 9:17

Vivek Jain

3,8856 gold badges33 silver badges47 bronze badges

answered Dec 18, 2013 at 9:11

tuxmania

9562 gold badges11 silver badges31 bronze badges

5 Comments

user3114401 Over a year ago

Thank you for your answer. But would you please give me a jquery example? I prefer jquery.

tuxmania Over a year ago

xmlDoc = $.parseXML( data ), $xml = $( xmlDoc ), $source_tags = $xml.find( "source" );

user3114401 Over a year ago

It seems that your solution is same as @Atropo . But I failed.

tuxmania Over a year ago

Do you properly included jquery js file? try to debug with console.log(xmlDoc)

user3114401 Over a year ago

Yeah, jquery is included properly, because other functions run well. The console output is Object: context, jquery, and some functions.

patel.milanb · Accepted Answer · 2013-12-18 09:22:51Z

0

if you are getting XML documents from ajax, try this

Documentation & Source: https://github.com/josefvanniekerk/jQuery-xml2json

$.get('data/temp.xml', function(xml) {
          var jObj = $.xml2json(xml);
          alert(jObj.node.node1.name[0]["Hello"]);
    });

answered Dec 18, 2013 at 9:22

patel.milanb

6,01215 gold badges62 silver badges95 bronze badges

Collectives™ on Stack Overflow

Howto parse the XML document returned from ajax? [duplicate]

3 Answers 3

1 Comment

5 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

5 Comments

Comments

Linked

Related