AjAX data loading into a div without page refresh
Scris: Dum Feb 05, 2006 2:53 pm
nu nu se foloseste cu div-uri, tu faci un request catre server (un script php) si-i spui ca la sosirea rezultatelor sa fie apelata functia javascript xyz. In functia asta xyz face ce vrei cu rezultatul (schimbi continutul unui div de ex. folosind innerHTML, populezi un select, ...).
Uite un exemplu simplu simplu simplu aici:
http://developer.mozilla.org/en/docs/AJ ... ng_Started
Buun, sa presupunem ca ai avut rabdare si ai ajuns la . Pentru ce ai tu nevoie e suficient exemplu de acolo.
Observi ca in functia apelata cand vine rezultatul de la server ai ceva de genul alert(http_request.responseText); ?
E, in http_request.responseText ai continutul trimis de pe server ( ce echo faci tu in php-ul apelat). Acum ca sa faci ce doreai, in loc de alert nu ai decat sa pui ceva de genul:
document.getElementById('id-ul-div-ului-de-actualizat').innerHTML=http_request.responseText
Later:
Si bineinteles, nu iei ca batute in cuie exemplele de acolo. Adica ei au:
onclick="makeRequest('test.html')"
Tu apelezi un script php ce-ti va genera noul html pentru div ( makeRequest('bucata.php?id=...').
Pentru a evita cache-ul, poti ca in functia makeRequest, pe prima linie sa modifici url-ul de forma:
url += ( ( url.indexOf('?') + 1 ) ? '&' : '?' ) + ( new Date() ).getTime();
si/sau in bucata.php sa setezi folosind header sa nu faca cache.