 |
 |
 |
|
|
|
AJAX može da se upotrebi za interaktivnu komunikaciju sa XML fajlom.
AJAX XML primer
U ovom AJAX primeru mi ćemo demonstrirati kako web stranica može da uzme informaciju iz XML fajla pomoću AJAX tehnologije. Korisnici će da vide ovo:
Objašnjenje AJAX primera
Gornji primer sadrži jednostavnu HTML formu i link ka JavaScript-u:
<html>
<head>
<script src="selectcd.js"></script>
</head>
<body>
<form>
Select a CD:
<select name="cds" onchange="showCD(this.value)">
<option value="Bob Dylan">Bob Dylan</option>
<option value="Bonnie Tyler">Bonnie Tyler</option>
<option value="Dolly Parton">Dolly Parton</option>
</select>
</form>
<p>
<div id="txtHint"><b>CD info will be listed here.</b></div>
</p>
</body>
</html>
Kao što možete da vidite to je samo jednostavna HTML forma sa padajućim menijem koji se zove "cds".
Pasus ispod forme sadrži div koji se zove "txtHint". div se koristi kao okvir za informaciju koja će biti preuzeta sa web servera.
Kada korisnik izabere podatak, funkcija koja se zove "showCD" se izvršava. Izvršavanje funkcije se pokreće od strane "onchange" događaja. Drugim rečima: Svaki put kada korisnika izabere vrednost iz padajućeg menija, poziva se funkcija showCD. JavaScript kod je prikazan dole.
AJAX JavaScript
Ovo je JavaScript kod skladišten u fajlu "selectcd.js":
var xmlHttp
function showCD(str)
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="getcd.asp";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
}
function GetXmlHttpObject()
{
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;
}
AJAX serverska stranica
Stranica servera koju poziva JavaScript, je jednostavni ASP fajl koji se zove "getcd.asp".
Stranica je napisana u VBScript-u za Internet Information Server (IIS). Ona lako može da se prepiše u PHP, ili neki drugi serverski jezik.
Kod pokreće upit u XML fajlu i vraća rezultat kao HTML:
<%
response.expires=-1
q=request.querystring("q")
set xmlDoc=Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load(Server.MapPath("cd_catalog.xml"))
set nodes=xmlDoc.selectNodes("CATALOG/CD[ARTIST='" & q & "']")
for each x in nodes
for each y in x.childnodes
response.write("" & y.nodename & ": ")
response.write(y.text)
response.write("
")
next
next
%>
 |
|||
|
|||
© Sva prava pridržana, Kompjuter biblioteka, Beograd, Obalskih radnika 4a, Telefon: +381 11 252 0 272 |
||
