AJAX bir etkileşimli iletişim için kullanılabilir XML dosyası.
AJAX XML Example AJAX XML Example
Aşağıdaki örnek bir web sayfası AJAX ile bir XML dosyası bilgileri alabilmesi nasıl gösterecektir:
Örnek Açıklaması
Bir kullanıcı tıkladığında "Get CD info" yukarıdaki düğme, loadDoc() işlevi çalıştırılır.
loadDoc() işlevi, bir oluşturur XMLHttpRequest , nesneyi sunucu yanıtı hazır olduğunda yürütülecek işlevini ekler ve sunucuya kapalı isteği gönderir.
Sunucu yanıtı hazır olduğunda, bir HTML tablosu düğümleri, inşa edilmiştir (elements) XML dosyasından ayıklanır ve nihayet günceller txtCDInfo XML veri dolu HTML tablosunun yer tutucuyu:
LoadXMLDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState
== 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
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;
}
XML Dosyası
": Yukarıdaki örnekte kullanılan XML dosyası şuna benzer cd_catalog.xml ".