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 bilgisi al" düğmesine tıkladığında loadDoc()
işlev yürütülür.
İşlev loadDoc()
bir XMLHttpRequest
nesne 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:
function loadDoc() {
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {myFunction(this);}
xhttp.open("GET", "cd_catalog.xml");
xhttp.send();
}
function myFunction(xml) {
const xmlDoc = xml.responseXML;
const x = xmlDoc.getElementsByTagName("CD");
let table="<tr><th>Artist</th><th>Title</th></tr>";
for (let 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;
}
XML Dosyası
Yukarıdaki örnekte kullanılan XML dosyası şuna benzer: " cd_catalog.xml ".