Leggere un XML (by mootools)

[Donovant]

Come da titolo ho qualche problema a leggere un xml, usando mootools, qualcuno di voi mi saprebbe dare una mano?

XML:

<?xml version="1.0" encoding="utf-8"?>
<item name="Fulvio" eta="32" >FULVIO</item>
<item name="Elisa" eta="23" />
<item name="Danilo" eta="29" />
<item name="Vito" eta="31" />
<item name="Immacolata" eta="71" />

Javascript:

var req = new Request({
                url:"persone.xml",
                update:$("cont"),
                onRequest: function(){ $('cont').set("html", "Richiesta in corso..."); },
                onSuccess: function(txt, xml){
                            var _xml = xml.documentElement();
                            ...???
                },
                onFailure: function(xhr){ $('cont').set("html", "Richiesta fallita! "+xhr); }
        });
        
        req.get(); 

Grazie

[artorius]

esattamente cosa devi fare con l'XML che ottieni?

[Donovant]

semplicemente stampare nell'elemento $("cont") quello che contiene l'XML....in particolare volevo provare a stampare gli attributi dei tag "item"...anche se un tag l'ho riempito per vedere le differenze.

[artorius]

ma "stampare" l'xml in un elemento? ti basta avere la risposta in formato testo e fare $("cont").set('text', response);

[Donovant]

Si lo so, ma io vorrei usare "responseXML" e non "responseText", cont text mi stampa tutto...io vorrei navigare fra i diversi nodi e/o gli attributi di un tag.

[artorius]

Allora la cosa è diversa, devi vedere la struttura DOM di un XML, che alla fine si comporta come la struttura DOM dell'HTML.

Tu hai a disposizione le funzioni di ricerca base sul documentElement che hai sull'document della pagina.
Ad esempio se volessi in una lista tutti gli item, ppotresti fare:

var doc = xml.documentElement();
var list = doc.getElementsByTagName("item");

in list ora avrai un array con tutti i nodi con tag item.

Se avessi gli elementi in una struttura tipo

<items>
   <item>
        <subitem>
        </subitem>
   </item>
   <item>
        <subitem>
        </subitem>
   </item>
   <item>
        <subitem>
        </subitem>
   </item>
   <item>
        <subitem>
        </subitem>
   </item>
</items>

Su items puoi chiamare getElementsByTagName("item") per ottenere tutti gli item, oppure getElementsByTagName("subitem") per ottenere tutti i subitem, tuttavia tu puoi chiamare getElementsByTagName("subitem") su ciascun item per ottenere i subitem solo di quell'item. Spero di essere stato chiaro.

Se vuoi ciclare su tutta la struttura in modo ricorsivo devi implementare una funzione ricorsiva per entrare nell'albero dom.

function Navigate(node){
   //Qui prima fai qualcosa con in nodo
   if(node.nodeType == 1){ //È un elemento
       //Questo è un ciclio importante
       for(var c = node.firstChild; c != null; c = c.nextSibling){ 
          Navigate(c);
       }
   }
} 

Poi ti basta chiamare Navigate su tutti i figli del DocumentElement ed accedi in tutta la struttura DOM.

[Donovant]

Si si chiaro...ma mi sa che il mio errore è stato quello di impostare una struttura errata per il file XML, ovvero senza una root <items></items>...perchè quello che hai fatto tu lo avevo già scritto senza ricevere nessun risultato es:

xml.documentElement().getElementsByTagName("item") .length;

Ora riproverò e vedremo, grazie.

[Donovant]

Ma la lettura non è corssBrowser?....
es: "xml.documentElement.getElementsByTagName("ite m")[0].textContent"; va su tutti tranne che IE, mentre per IE dovrei scrivere ".text"
Quindi si deve fare il controllo sul browser???
Hanno rotto con ste differenze interpretuali.

[Donovant]

Ok tutto risolto, ho letto che le differenze di interpretazione dei broswer ci sono solo per alcune cose del parsing, mentre ad esempio per leggere gli attributi di un tag XML sono gli stessi comandi.
L'errore cmq che facevo era quello di non aver inserito una ROOT dopo l'intestazione del filem XML.

Grazie 1000.

[artorius]

comunque, io trovo sempre meglio leggere il value dei nodi di testo contenuti in un nodeElement:

<item name="Luigi" age="32">Hahaha</item>

Ottenuto l'element item farei

var el; //L'element item
var text = "";
for(var c = el.firstChild; c != null; c = c.nextSibling){
    if(c.nodeType == 3){ //Text Node
        text+= c.nodeValue;
    }
}

alla fine in text ci sarà "Hahaha".