Howto parse the XML document returned from ajax?

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: http://stackoverflow.com/questions/8498098/parse-xml-with-jquery-ajax-request?rq=1 ) — Nanne, Dec 18 '13 at 09:10
There is nothing for AJAX here in particular. You should look for parse XML using JavaScript or JQuery. Something like http://stackoverflow.com/q/7228141/1654121 — Vivek Jain, Dec 18 '13 at 09: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, Dec 18 '13 at 09:12

score 1 · Accepted Answer · answered Dec 18 '13 at 09:10

1

Try this:

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

answered Dec 18 '13 at 09:10

user3114299

28
3

It works! Thanks every body! $('source:first', data), that's what I'm looking for! – user3114401 Dec 18 '13 at 09:28

score 0 · Answer 2 · edited Dec 18 '13 at 09:17

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 '13 at 09:17

Vivek Jain

3,811
6
30
47

answered Dec 18 '13 at 09:11

tuxmania

906
2
9
28

Thank you for your answer. But would you please give me a jquery example? I prefer jquery. – user3114401 Dec 18 '13 at 09:19
xmlDoc = $.parseXML( data ), $xml = $( xmlDoc ), $source_tags = $xml.find( "source" ); – tuxmania Dec 18 '13 at 09:20
It seems that your solution is same as @Atropo . But I failed. – user3114401 Dec 18 '13 at 09:26
Do you properly included jquery js file? try to debug with console.log(xmlDoc) – tuxmania Dec 18 '13 at 09:28
Yeah, jquery is included properly, because other functions run well. The console output is Object: context, jquery, and some functions. – user3114401 Dec 18 '13 at 09:31

score 0 · Answer 3 · answered Dec 18 '13 at 09:22

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"]);
    });

Howto parse the XML document returned from ajax?

3 Answers3