[prototype] Parsowanie XML, Dość podstawowy problem z otrzymanymi AJAXowymi danymi Opcje

[MarcinTryka]

Witam. Poprzez Ajax otrzymuje taki XML:

[XML] pobierz, plaintext 
<?xml version="1.0" encoding="UTF-8"?>
<users> 
  <user id="11">
    <login>admin</login> 
  </user>  
  <user id="23">
    <login>testowe</login> 
  </user>
</users>
[XML] pobierz, plaintext 

Mój problem jest dość podstawowy, ale nie mogę znaleźć jakiegoś spójnego źródła informacji. Manual/Api Prototype jest dobry dla kogoś kto już się w tym w miarę swobodnie porusza i chce sobie przypomnieć nazwę metody. Tutoriale natomiast prezentują osobno pobieranie XMLa, osobno wstawianie danych z JSON na stronę, ja jednak nie mogę tego połączyć w całość.

Generalnie mam zmienną z XMLem (string).
chciałbym tą pobraną listę użytkowników wrzucić do HTML-owej listy:

[HTML] pobierz, plaintext 
<ul id="users_list">
</ul>
[HTML] pobierz, plaintext 

Nie mogłem znaleźć jakiegoś rozsądnego tutoriala pokazującego techniczne aspekty chodzenia po strukturze XMLa. Skorzystałem z czegoś co miało mi przerobić XML na jakąśtam strukturę (łatwą do porzejścia w przykładach):

var xotree = new XML.ObjTree();
var tree = xotree.parseXML( respXML );

Następnie robię coś takiego:

for(var lUser in tree.users.user){
$('users_list').insert(new Element("li", { id: "moo" }).update(lUser.login));
}
I guzik. lista na stronie powiększa się o kilkadziesiąt pustych <li id="moo"></li>, mimo iż XML zawiera tylko dwóch użytkowników.

Byłbym bardzo wdzięczny za jakiś przykład bądź link do takowego, wyjaśniający jak z tego XMLa mam wyciągać kolejne dane.

-- Edit --

A może olać sobie zabawę z XMLem i w php generować gotowy kod, i zamiast Ajax.Request uzyć Ajax.Update, który mi to bez problemu wrzuci w podane mu miejsce?

Ten post edytował MarcinTryka 27.04.2008, 01:38:52

[paziek]

nie znam się na prototype, ale normalny XMLHttpRequest oferuje coś takiego jak responseXML, czyli XML string sparsowany na DOM.

No nic, mając XMLa w stringu, robisz tak:

[XML] pobierz, plaintext 
try {
    parser=new DOMParser();
    xmlDoc=parser.parseFromString(text,'text/xml');
} catch(e) {
    xmlDoc=new ActiveXObject('Microsoft.XMLDOM');
    xmlDoc.async='false';
    xmlDoc.loadXML(text);
}
[XML] pobierz, plaintext 

gdzie zmienna text to nasz XML w stringu, a xmlDoc to sparsowany XML string do DOM.

Teraz możesz użyć XPatha, albo DOMa do wyciągania wartości.

Podam rozwiażanie na przykładzie DOMa, bo akurat tutaj będzie prostsze.

[XML] pobierz, plaintext 
var root=xmlDoc.documentElement;
if(root.hasChildNodes()) {
    var el=xmlDoc.documentElement.childNodes,x=el.length,i;
    for(i=0;x>i;i++) {
       var li=document.createElement('li');
       li.id=el[i].getAttribute('id');
       li.appendChild(document.createTextNode(el[i].firstChild.firstChild.nodeValue));//zakłada, że jest jakaś wartość loginu, można dać w try{}catch(){} jeśli może nie być
       $('users_list').appendChild(li);
    }
}
[XML] pobierz, plaintext 

tylko uważaj na whitespace, najlepiej to wyświetlaj XML w jednej linijce

[HTML] pobierz, plaintext 
<users><user id="11"><login>admin</login></user><user id="23"><login>testowe</login></user></users>
[HTML] pobierz, plaintext 

ewentualnie użyj wspomnianego XPath, tam akurat nie ma problemu z whitespace.