AJAX XML Örneği
AJAX, bir XML dosyasıyla etkileşimli iletişim için kullanılabilir.
AJAX XML Örneği
Aşağıdaki örnek, bir web sayfasının AJAX ile bir XML dosyasından nasıl bilgi alabileceğini gösterecektir:
Örnek
Örnek Açıklama
Bir kullanıcı yukarıdaki "CD bilgisini al" düğmesine tıkladığında loadDoc() işlevi yürütülür.
loadDoc() işlevi bir XMLHttpRequest nesnesi oluşturur, sunucu yanıtı hazır olduğunda yürütülecek işlevi ekler ve isteği sunucuya gönderir.
Sunucu yanıtı hazır olduğunda, bir HTML tablosu oluşturulur, düğümler (öğeler) XML dosyasından çıkarılır ve sonunda "demo" öğesini XML verileriyle doldurulmuş HTML tablosuyla günceller:
LoadXMLDoc ()
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>Title</th><th>Artist</th></tr>";
var x = xmlDoc.getElementsByTagName("CD");
for (i = 0; i <x.length;
i++) {
table += "<tr><td>" +
x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue
+
"</td><td>" +
x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue
+
"</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
XML Dosyası
Yukarıdaki örnekte kullanılan XML dosyası şuna benzer: " cd_catalog.xml ".