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