XML DOM Example
XML DOM Example
XML DOM के द्वारा कई प्रकार के operations perform किये जाते है। हालाँकि XML DOM के साथ operations perform करने के लिए आप किसी भी programming language को use कर सकते है। लेकिन Web applications के सन्दर्भ में इसके लिए मुख्यतः JavaScript का प्रयोग किया जाता है।
JavaScript एक client side scripting language है जो dynamic webpage design करने के लिए प्रयोग की जाती है। JavaScript आपको HTML webpages में logic add करने की ability provide करती है।
JavaScript और XML DOM के प्रयोग से XML document के content को HTML webpages में load करना निचे उदाहरण द्वारा समझाया जा रहा है।
Employees.html file
Employees.xml file
ऊपर दिए गए उदाहरण में Employees.html file में javascript code लिखा गया है। यह code Employees.xml file के content को webpage में load करता है। Webpage में XML file के content को load करने के लिए XML DOM का प्रयोग किया गया है।
सबसे पहले xmlHttpRequest() method को call किया गया है। यह method server से data प्राप्त करने के लिए use किया जाता है।
इस method के successfully server से connection establish करने के बाद myContentFunction() को call किया गया है। यह function XML file के data को getElementByTagName() XML DOM method द्वारा access करता है और result variable में string के रूप में store करता है।
इसके बाद for loop के प्रयोग से result variable से content को display करवाया गया है।
इस script में जिन methods का प्रयोग किया गया है उनके बारे में XML DOM API की tutorial में बताया जा चूका है। यह एक बहुत ही simple script है जो एक xml file के content को webpage में load करती है।
ऊपर दिया गया उदाहरण सिर्फ live server के साथ कार्य करता है।
JavaScript एक client side scripting language है जो dynamic webpage design करने के लिए प्रयोग की जाती है। JavaScript आपको HTML webpages में logic add करने की ability provide करती है।
JavaScript और XML DOM के प्रयोग से XML document के content को HTML webpages में load करना निचे उदाहरण द्वारा समझाया जा रहा है।
Employees.html file
<html>
<body> <div> <b>Employee Name</b> <span id="empName"></span> </div> <script> if(window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject(Microsoft.XMLHTTP); } xmlhttp.open("GET","Employees.xml",true); xmlhttp.send(); xmlDoc = xmlhttp.responseXML; document.getElementsById(empName).innerHTML = xmlDoc.getElementsByTagName("Employees").childNodes.value; </script> </body> </html> |
Employees.xml file
<Employees>
<Employee>Ramesh</Employee> <Employee>Salesh</Employee> <Employee>Goutam</Employee> <Employee>Harish</Employee> </Employees> |
ऊपर दिए गए उदाहरण में Employees.html file में javascript code लिखा गया है। यह code Employees.xml file के content को webpage में load करता है। Webpage में XML file के content को load करने के लिए XML DOM का प्रयोग किया गया है।
सबसे पहले xmlHttpRequest() method को call किया गया है। यह method server से data प्राप्त करने के लिए use किया जाता है।
इस method के successfully server से connection establish करने के बाद myContentFunction() को call किया गया है। यह function XML file के data को getElementByTagName() XML DOM method द्वारा access करता है और result variable में string के रूप में store करता है।
इसके बाद for loop के प्रयोग से result variable से content को display करवाया गया है।
इस script में जिन methods का प्रयोग किया गया है उनके बारे में XML DOM API की tutorial में बताया जा चूका है। यह एक बहुत ही simple script है जो एक xml file के content को webpage में load करती है।
ऊपर दिया गया उदाहरण सिर्फ live server के साथ कार्य करता है।
0 Comments