(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. |
18. 06. 2005. | #2 |
Dusko Petrovic
Professional
|
tek sam sada stigao da probam ovaj primer i primetio sam problem. Firefox 1.0.4 i Opera 8 pod Linuxom ne rade sa ovim primerom dok se ne ukloni deo sa uslovnom kompilacijom i kodom za IE. kada to sklonim onda radi odlicno
btw 10x za definitivno najjednostavniji i najjasniji primer koji sam video a malo posle.. ispravka, problem pravi ovaj tvoj komentar unutar komentara, izgleda da zbunjuje browser gde je stvarno kraj komentara Poslednja izmena od kalkulus : 18. 06. 2005. u 02:05. |
18. 06. 2005. | #3 |
Goran Pilipović
Sir Write-a-Lot
|
Da, moguće, promenio sam to, sada bi trebalo da je ok.
BTW, naprednija verzija se nalazi na mom blog-u, pa možda ne bi bilo loše da pogledaš i to ako ti je ovo laganica
__________________
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! |
18. 06. 2005. | #4 |
Dusko Petrovic
Professional
|
vec sam video, 10x
|
|
|
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 |