Difference between revisions of "AJAX"
Line 9: | Line 9: | ||
== Parsen eines XML Dokuments == | == Parsen eines XML Dokuments == | ||
+ | Ein Request liefert ein XML Dokument. Dieses wird dann in der <code>statechanged</code> Methode geparst und in einen HTML Table | ||
+ | transformiert. | ||
− | txt="<table | + | txt="<table>"; |
x=xmlhttp.responseXML.documentElement.getElementsByTagName("book"); | x=xmlhttp.responseXML.documentElement.getElementsByTagName("book"); | ||
for (i=0;i<x.length;i++) | for (i=0;i<x.length;i++) | ||
{ | { | ||
− | txt=txt + "<tr | + | txt=txt + "<tr>"; |
xx=x[i].getElementsByTagName("title"); | xx=x[i].getElementsByTagName("title"); | ||
{ | { | ||
try | try | ||
{ | { | ||
− | txt=txt + "<td | + | txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>"; |
} | } | ||
catch (er) | catch (er) | ||
{ | { | ||
− | txt=txt + "<td | + | txt=txt + "<td> </td>"; |
} | } | ||
} | } | ||
Line 30: | Line 32: | ||
try | try | ||
{ | { | ||
− | txt=txt + "<td | + | txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>"; |
} | } | ||
catch (er) | catch (er) | ||
{ | { | ||
− | txt=txt + "<td | + | txt=txt + "<td> </td>"; |
} | } | ||
} | } | ||
− | txt=txt + "</tr | + | txt=txt + "</tr>"; |
} | } | ||
− | txt=txt + "</table | + | txt=txt + "</table>"; |
document.getElementById('copy').innerHTML=txt; | document.getElementById('copy').innerHTML=txt; |
Revision as of 23:28, 8 May 2008
AJAX (Asynchronous JavaScript and XML)
Hello World
Einfaches AJAX Sample für Java Server Pages.
Parsen eines XML Dokuments
Ein Request liefert ein XML Dokument. Dieses wird dann in der statechanged
Methode geparst und in einen HTML Table
transformiert.
txt="<table>"; x=xmlhttp.responseXML.documentElement.getElementsByTagName("book"); for (i=0;i<x.length;i++) { txt=txt + "<tr>"; xx=x[i].getElementsByTagName("title"); { try { txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>"; } catch (er) { txt=txt + "<td> </td>"; } } xx=x[i].getElementsByTagName("author"); { try { txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>"; } catch (er) { txt=txt + "<td> </td>"; } } txt=txt + "</tr>"; } txt=txt + "</table>"; document.getElementById('copy').innerHTML=txt;