Cómo analizar XML utilizando jQuery?

Question

¿Cómo analizo XML y cómo puedo navegar el resultado usando jQuery? Aquí está mi XML de ejemplo:

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

Me gustaría encontrar el nodo por este camino Pages ->Page Name ->controls ->test?

Answer 1

No es la función de este $.parseXML: http://api.jquery.com/jQuery.parseXML/

Usted puede utilizar de esta manera:

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

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

Si realmente quiere un objeto, se necesita un plugin para eso. Este complemento, por ejemplo, convertirá su XML a JSON: http://www.fyneworks.com/jquery/xml-to-json/

Answer 2

Lo primero que emergente en Google Resultados http://think2loud.com/224-reading-xml-with-jquery/ No hay forma sencilla de acceder a la estructura XML (como usted describió páginas-> pagename-> Controls> prueba) en jQuery y sin ningún tipo de plugins.

Answer 3

Tenga una mirada en .parseXML()^[docs] de jQuery:

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

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

Answer 4

puede utilizar .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()); 
    }); 

aquí es el violín http://jsfiddle.net/R37mC/1/

Answer 5

Supongo que está cargando el XML desde un archivo externo. Con $.ajax(), es bastante simple en realidad:

$.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'); 
    } 
}); 

Además, debe ser coherente acerca de la denominación nodo XML. Tiene nombres de nodos en minúsculas y en mayúscula (<Page> versus <page>) que pueden ser confusos cuando intenta usar selectores de árbol XML.

Answer 6

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

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

Answer 7

Fui el camino de jQuery de .parseXML() sin embargo se encontró que la sintaxis XML ruta de 'Page[Name="test"] > controls > test' no funcionaría (si alguien sabe por qué gritar por favor!).

En lugar de eso encadenados juntos los resultados individuales .find() en algo parecido a esto:

$xmlDoc.find('Page[Name="test"]') 
     .find('contols') 
     .find('test') 

El resultado logra lo mismo que lo que se esperaría encontrar el tiro.