अजाक्स एक्सएमएल उदाहरण
AJAX का उपयोग XML फ़ाइल के साथ संवादात्मक संचार के लिए किया जा सकता है।
अजाक्स एक्सएमएल उदाहरण
निम्न उदाहरण प्रदर्शित करेगा कि कैसे एक वेब पेज AJAX के साथ XML फ़ाइल से जानकारी प्राप्त कर सकता है:
उदाहरण
उदाहरण समझाया गया
जब कोई उपयोगकर्ता ऊपर "सीडी जानकारी प्राप्त करें" बटन पर क्लिक करता है, तो loadDoc()
फ़ंक्शन निष्पादित होता है।
loadDoc()
फ़ंक्शन एक ऑब्जेक्ट बनाता है , XMLHttpRequest
सर्वर प्रतिक्रिया तैयार होने पर फ़ंक्शन को निष्पादित करने के लिए जोड़ता है, और सर्वर को अनुरोध भेजता है।
जब सर्वर प्रतिक्रिया तैयार होती है, तो एक HTML तालिका बनाई जाती है, XML फ़ाइल से नोड्स (तत्व) निकाले जाते हैं, और यह अंत में 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 फ़ाइल इस तरह दिखती है: " cd_catalog.xml "।