AJAX dapat digunakan untuk komunikasi interaktif dengan XML File.
AJAX XML Example AJAX XML Example
Contoh berikut akan menunjukkan bagaimana sebuah halaman web dapat mengambil informasi dari file XML dengan AJAX:
misalnya Dijelaskan
Ketika pengguna mengklik pada "Get CD info" tombol di atas, loadDoc() function dijalankan.
The loadDoc() fungsi menciptakan XMLHttpRequest objek, menambahkan fungsi yang akan dijalankan ketika respon dari server siap, dan mengirimkan permintaan ke server tersebut.
Ketika respon dari server siap, tabel HTML dibangun, node (elemen) yang diambil dari file XML, dan akhirnya update txtCDInfo placeholder dengan tabel HTML diisi dengan data XML:
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 Berkas
File XML yang digunakan dalam contoh di atas terlihat seperti ini: " cd_catalog.xml ".