 |
 |
 |
|
|
|
Da biste razumeli kako AJAX radi, mi ćemo kreirati malu AJAX aplikaciju.
Prvo ćemo da kreiramo standardnu HTML formu sa dva tekstualna polja: username i time. username polje će biti ispunjeno od strane korisnika a time polje će biti ispunjeno pomoću AJAX-a.
HTML fajl će se zvati "testAjax.htm", i izgledaće ovako (obratite pažnju na to da HTML forma prikazana dole nema submit dugme!):
<html>
<body>
<form name="myForm">
Name: <input type="text" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>
U nastavku objasnićemo koji su kameni temeljci AJAX-a.
AJAX - podrška pretraživačima
Ključni elemenat AJAX-a je XMLHttpRequest objekat.
Različiti web pretraživači koriste različite metode za kreiranje XMLHttpRequest objekta. Internet Explorer koristi ActiveXObject, dok drugi pretraživači koriste ugrađeni JavaScript objekat koji se zove XMLHttpRequest.
Da biste kreirali ovaj objekat, i izašli na kraj sa različitim web pretraživačima, mi ćemo upotrebiti "try and catch" tvrdnju. Više može saznati o try and catch tvrdnji na ovom linku.
Hajde da ažuriramo naš "testAjax.htm" fajl sa JavaScript-om koji kreira XMLHttpRequest objekat:
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
}
</script>
<form name="myForm">
Name: <input type="text" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>
Objašnjenje primera
Prvo kreirajte varijablu xmlHttp koja će da drži XMLHttpRequest objekat.
Zatim probajte da kreirate objekat sa XMLHttp=new XMLHttpRequest(). To je za Firefox, Opera, i Safari web pretraživače. Ako to ne uspe, probajte xmlHttp=new ActiveXObject("Msxml2.XMLHTTP") što je namenjeno Internet Explorer-u 6.0+, ako to takođe ne uspe, probajte xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"), što je namenjeno Internet Explorer-u 5.5+.
Ako nijedna od navedenih metoda ne uspe, onda korisnik ima jako zastareo web pretraživač, koji će dovesti do toga da će datom korisniku biti prikazana poruka koja mu kaže da njegov web pretraživač ne podržava AJAX.
Napomena: Kod specifičan za web pretraživače koji je gore izložen je dugačak i prilično složen. Međutim, to je kod koji možete da upotebite svaki put kada treba da kreirate XMLHttpRequest objekat, što znači da možete jednostavno da kopirate i pejstujete ovaj kod svaki put kada vam zatreba. Gore naveden kod je kompatibilan sa svim popularnim web pretraživačima: Internet Explorer, Opera, Firefox i Safari.
U sledećem članku pokazaćemo vam kako da upotrebite XMLHttpRequest objekat za komunikaciju sa serverom.
 |
|||
|
|||
© Sva prava pridržana, Kompjuter biblioteka, Beograd, Obalskih radnika 4a, Telefon: +381 11 252 0 272 |
||
