Beispiel mit XML
Ein ausführliches Beispiel für eine AJAX Kommunikation mit einer XML-Datenbasis finden Sie bei w3Schools: AJAX XML Example .
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "cd_catalog.xml", true);
xhttp.send();
}
function myFunction(xml) {
var i;
var xmlDoc = xml.responseXML;
var table="<tr><th>Artist</th><th>Title</th></tr>";
var x = xmlDoc.getElementsByTagName("CD");
for (i = 0; i <x.length; i++) {
table += "<tr><td>" +
x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
"</td><td>" +
x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
"</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
Möchten Sie gern das JSON Beispiel auf Ihr Projekt anwenden und haben aber schon eine XML-Datenbasis erzeugt, können Sie ganz einfach mit einem XML-JSON Converter im Internet die XML Datei in eine JSON Datei umwandeln und damit arbeiten. Wir werden in einer der letzten Sitzungen auch noch eine Lösung mit einer select box basierend auf der Idee, die in dem Beispiel der JSON AJAX Kommunikation verwendet wurde, mit einer XML Datenbasis sehen. Da Sie aber vielleicht schon jetzt an Ihrem Projekt weiterarbeiten möchten, können Sie dies gern mit der konvertierten Datei tun.