AJAX XML实例
AJAX می‌تواند برای ارتباط تعاملی با فایل XML استفاده شود.
AJAX XML实例
در مثال زیر، نحوه‌ی استفاده از AJAX برای خواندن اطلاعات از فایل XML توسط وب‌صفحه نشان داده شده است:
مثال
توضیح مثال
وقتی کاربر روی دکمه "اطلاعات CD را دریافت کن" کلیک می‌کند، تابع loadDoc() اجرا می‌شود.
loadDoc() تابع ایجاد می‌کند XMLHttpRequest عنصر، یک تابع را اضافه می‌کند که در حالت آماده‌سازی سرور اجرا می‌شود و درخواست به سرور ارسال می‌کند.
بعد از اینکه سرور پاسخ داد، جدول HTML ایجاد می‌شود، گره‌ها (عناصر) از فایل XML استخراج می‌شوند و در نهایت با استفاده از جدول HTML پر از داده‌های XML، عنصر "demo" به‌روزرسانی می‌شود:
LoadXMLDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "music_list.xml", true);
xhttp.send();
}
function myFunction(xml) {
var i;
var xmlDoc = xml.responseXML;
var table="<tr><th>艺术家</th><th>曲目</th></tr>";
var x = xmlDoc.getElementsByTagName("TRACK");
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 kawon
Bugu kugu da kama kowa kowa: ""music_list.xml"."
