AJAX XML fayl
AJAX’dan XML fayl bilan interaktiv aloqa qilish uchun foydalanish mumkin.
AJAX XML misoli
Quyidagi misol veb-sahifa AJAX yordamida XML fayldan qanday qilib ma’lumot olishi mumkinligini ko‘rsatadi:
Misol tushuntirilishi
Foydalanuvchi yuqoridagi "Get CD info" tugmasini bosganda loadDoc() funksiyasi bajariladi.
loadDoc() funksiyasi XMLHttpRequest obyektini yaratadi, server javobi tayyor bo‘lganda bajariladigan funksiyani qo‘shadi va so‘rovni serverga yuboradi.
Server javobi tayyor bo‘lganda HTML jadval quriladi, XML fayldan tugunlar (elementlar) ajratib olinadi va nihoyat "demo" elementi XML ma’lumotlari bilan to‘ldirilgan HTML jadval bilan yangilanadi:
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 fayl
Yuqoridagi misolda ishlatilgan XML fayl quyidagicha ko‘rinadi: "cd_catalog.xml".
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!