AJAX va XML fayli
AJAX XML fayli bilan interaktiv aloqa uchun ishlatilishi mumkin.
AJAX XML misoli
Quyidagi misol veb-sahifa qanday qilib AJAX yordamida XML faylidan ma’lumot olishi mumkinligini ko‘rsatadi:
Misol tahlili
Agar foydalanuvchi yuqoridagi "CD haqida ma’lumot olish" tugmasini bosganida, loadDoc() funksiyasi bajariladi.
loadDoc() funksiyasi XMLHttpRequest obyektini yaratadi, funksiyani qo‘shadi
server javobi tayyor bo‘lganda bajariladi va so‘rovni serverga yuboradi.
Server javobi tayyor bo‘lgach, HTML jadvali quriladi, XML faylidan tugunlar (elementlar) chiqariladi va nihoyat "demo" elementini XML ma’lumotlari bilan to‘ldirilgan HTML jadvali bilan yangilaydi:
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 fayli
Yuqoridagi misolda foydalanilgan XML fayli quyidagicha ko‘rinadi: "cd_catalog.xml".
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!