Primer 72

AJAX in XML

Izvorna koda HTML:		Rezultat izvedbe kode HTML:
<html> <head> <meta http-equiv="Content-Type" content="text/html"; charset="windows-1250" /> <script type="text/javascript"> var xmlhttp; // vzpostavljanje XMLHttp objekta function vzpostaviXmlHttpObjekt() { var xmlHttp = null; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp = new ActiveXObject('Msxml2.XMLHTTP'); } catch (e) { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); } } return xmlHttp; } // konec vzpostaviXmlHttpObjekt() function naloziXML(url) { // vzpostavljanje XMLHttp objekta xmlhttp = vzpostaviXmlHttpObjekt(); if (xmlhttp!=null) { xmlhttp.onreadystatechange=stanjeSpremenjeno; xmlhttp.open("GET",url,true); xmlhttp.send(null); } else { alert("Vaš brskalnik ne omogoča nalaganja objekta XMLHTTP."); } } function stanjeSpremenjeno() { // ko so podatki naloženi v xmlhttp objekt if (xmlhttp.readyState==4) { // if (xmlhttp.status==200) { alert("XML podatki so naloženi") document.getElementById('A1').innerHTML=xmlhttp.status; document.getElementById('A2').innerHTML=xmlhttp.statusText; var xmltext= xmlhttp.responseXML; document.getElementById("naziv").innerHTML=xmltext.getElementsByTagName("naziv")[0].childNodes[0].nodeValue; document.getElementById("termin").innerHTML=xmltext.getElementsByTagName("termin")[0].childNodes[0].nodeValue; document.getElementById("lokacija").innerHTML=xmltext.getElementsByTagName("lokacija")[0].childNodes[0].nodeValue; document.getElementById("organizator").innerHTML=xmltext.getElementsByTagName("organizator")[0].childNodes[0].nodeValue; document.getElementById("zvrst").innerHTML=xmltext.getElementsByTagName("zvrst")[0].childNodes[0].nodeValue; } else { alert("Problem pri nalaganju podatkov:" + xmlhttp.statusText); } } } </script> </head> <body onload="naloziXML('http://chp.uni-mb.si/milan/rain/prireditve.xml')"> <h2>Uporaba HttpRequest Objekta za nalaganje XML</h2> <p><b>Status:</b> <span id="A1"></span> </p> <p><b>Status besedilo:</b> <span id="A2"></span> </p> <h2>Festival Lent</h2> <p> <b>Naziv:</b> <span id="naziv"></span>.<br /> <b>Kdaj je bil nazadnje:</b> <span id="termin"></span>.<br /> <b>Kje se dogaja:</b> <span id="lokacija"></span>.<br /> <b>Kdo ga organizira:</b> <span id="organizator"></span>.<br /> <b>To je največji <span id="zvrst"></span> v Sloveniji.</b><br /> </p> </body> </html>;