(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
10. 06. 2005. | #1 |
Goran Pilipović
Sir Write-a-Lot
|
XMLHttpRequest - početak
Za sve one koji su razmišljali da počnu da koriste XMLHttpRequest, evo kratkog uputstva. To je ono što se "fensi" zove AJAX, znači asinhrono izvršavanje http request (POST ili GET) - najprostijim renikom učitavanje sadržaja bez reloadovanje strane.
Inicijalizacija objekta se vrši u zavisnosti od browsera i verzije_ HTML kôd:
<script type="text/javascript"> var xmlhttp = false; // xmlHTTP objekat /* -------------------------------------- JScript omogućava uslovnu kompilaciju, proverava se verzija jscript-a. -------------------------------------- */ /*@cc_on @*/ /*@if (@_jscript_version >= 5) try { xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { alert("Microsofts XML parsers nedostupan"); } } @else alert("Morate imati noviju verziju JScript-a."); @end @*/ if (!xmlhttp) { try { xmlhttp = new XMLHttpRequest(); } catch (e) { alert("Vaš browser ne podržava XMLHttpRequest objekat.") } } </script> Šta sad sa ovim? Treba nam funkcija koja će da izvršava request: HTML kôd:
<script type="text/javascript"> function openHttp (url) { if (xmlhttp) { xmlhttp.open("GET", url,true); xmlhttp.onreadystatechange = UpdateContent; xmlhttp.send(null); } } function UpdateContent () { if (xmlhttp.readyState == 4) { document.getElementById('content').innerHTML = xmlhttp.responseText; } } </script> Znači treba nam: HTML kôd:
<div id="content"></div> HTML kôd:
<a href='javascript:openHttp ("test.html");'>test</a> Ovo je jednostavan primer, moguće je proveravati i status request-a, pročitati ceo header i još mnogo drugih stvari.
__________________
Goran Pilipović a.k.a. Ugly Fingers Bradley f.k.a. bluesman I don't always know what I'm talking about but I know I'm right! Poslednja izmena od bluesman : 18. 06. 2005. u 02:12. |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
Biznis planovi, početak, finansiranje itd. | Sandra Jakovljevic | e-Business | 13 | 05. 05. 2009. 22:00 |
Cross-Site XMLHttpRequest | cvele | (X)HTML, JavaScript, DHTML, XML, CSS | 6 | 19. 03. 2008. 11:06 |
predavanje: ITPro - početak, razvoj, zen... | oliver78 | e-Business | 2 | 21. 05. 2006. 21:27 |
XMLHttpRequest-Ajax i primena ? | nixa | (X)HTML, JavaScript, DHTML, XML, CSS | 12 | 17. 06. 2005. 12:30 |