AJAX XML ဥပမာ
AJAX ကို XML ဖိုင်တစ်ခုဖြင့် အပြန်အလှန် ဆက်သွယ်မှု အတွက် အသုံးပြုနိုင်သည်။
AJAX XML ဥပမာ
အောက်ဖော်ပြပါ ဥပမာသည် ဝဘ်စာမျက်နှာတစ်ခုသည် AJAX ဖြင့် XML ဖိုင်တစ်ခုမှ အချက်အလက်များကို မည်ကဲ့သို့ ရယူနိုင်ကြောင်း သရုပ်ပြပါမည်။
ဥပမာ
နမူနာရှင်းပြထားပါတယ်။
အသုံးပြုသူတစ်ဦးသည် အထက်ဖော်ပြပါ "Get CD အချက်အလက်" ခလုတ်ကို နှိပ်သောအခါ၊ loadDoc()
လုပ်ဆောင်ချက်ကို လုပ်ဆောင်သည်။
loadDoc()
လုပ်ဆောင်ချက်သည် အရာဝတ္တုတစ်ခုကို ဖန်တီး ကာ XMLHttpRequest
ဆာဗာတုံ့ပြန်မှု အဆင်သင့်ဖြစ်သောအခါ လုပ်ဆောင်ရမည့် လုပ်ဆောင်ချက်ကို ပေါင်းထည့်ကာ တောင်းဆိုချက်ကို ဆာဗာသို့ ပေးပို့သည်။
ဆာဗာတုံ့ပြန်မှုအဆင်သင့်ဖြစ်သောအခါ၊ HTML ဇယားတစ်ခုတည်ဆောက်ပြီး XML ဖိုင်မှ node (ဒြပ်စင်များ) ကိုထုတ်နုတ်ပြီး နောက်ဆုံးတွင် XML ဒေတာဖြင့် HTML ဇယားဖြင့် ဒြပ်စင် "သရုပ်ပြ" ကို အပ်ဒိတ်လုပ်သည်-
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 ဖိုင်
အထက်နမူနာတွင်အသုံးပြုထားသော XML ဖိုင်သည် ဤကဲ့သို့ဖြစ်သည်- " cd_catalog.xml "။