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