Comment analyser un fichier XML à l'aide de jQuery ?

Question

Comment analyser le XML et comment naviguer dans le résultat à l'aide de jQuery ? Voici mon exemple de XML :

<Pages>
  <Page Name="test">
    <controls>
      <test>this is a test.</test>
    </controls>
  </Page>
  <Page Name = "User">
    <controls>
      <name>Sunil</name>
    </controls>
  </Page>
</Pages>

J'aimerais trouver le nœud par le chemin suivant Pages -> Page Name -> controls -> test ?

Answer 1

Il y a le $.parseXML pour cela : http://api.jquery.com/jQuery.parseXML/

Vous pouvez l'utiliser comme suit :

var xml = $.parseXML(yourfile.xml),
  $xml = $( xml ),
  $test = $xml.find('test');

console.log($test.text());

Si vous voulez vraiment un objet, vous avez besoin d'un plugin pour cela. Ce plugin, par exemple, convertira votre XML en JSON : http://www.fyneworks.com/jquery/xml-to-json/

Answer 2

Vous pouvez utiliser .parseXML

var xml='<Pages>
          <Page Name="test">
           <controls>
              <test>this is a test.</test>
           </controls>  
          </Page>
          <page Name = "User">
           <controls>
             <name>Sunil</name>
           </controls>
          </page>
        </Pages>';

jquery

    xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc );
    $($xml).each(function(){
       alert($(this).find("Page[Name]>controls>name").text());
     });

voici le violon http://jsfiddle.net/R37mC/1/

Answer 3

Je suppose que vous chargez le XML à partir d'un fichier externe. Avec $.ajax() En fait, c'est très simple :

$.ajax({
    url: 'xmlfile.xml',
    dataType: 'xml',
    success: function(data){
        // Extract relevant data from XML
        var xml_node = $('Pages',data);
        console.log( xml_node.find('Page[Name="test"] > controls > test').text() );
    },
    error: function(data){
        console.log('Error loading XML data');
    }
});

Par ailleurs, vous devez être cohérent dans la désignation des nœuds XML. Vous avez des noms de nœuds en minuscules et en majuscules ( <Page> par rapport à <page> ), ce qui peut prêter à confusion lorsque vous essayez d'utiliser des sélecteurs d'arbre XML.

Answer 4

$xml = $( $.parseXML( xml ) );

$xml.find("<<your_xml_tag_name>>").each(function(index,elem){
    // elem = found XML element
});

Answer 5

Jetez un coup d'œil à la page d'accueil de jQuery. .parseXML() [docs] :

var $xml = $(jQuery.parseXML(xml));

var $test = $xml.find('Page[Name="test"] > controls > test');