Sadržaj
Do prije nekoliko godina se na to mislilo Ajax kao budućnost web aplikacija, nakon što je započela njihova masifikacija s Gmailom, međutim danas se mora uzeti u obzir da je to stvarnost, zapravo, stranica koja u ovom trenutku na neki način ne uključuje Ajax nije dobro viđena.Ajax je skup tehnika koje nam omogućuju slanje i primanje informacija bez osvježavanja dokumenta ili ponovnog učitavanja stranice, pa bismo pojednostavljujući mogli reći da je to alat za spremanje i ubrzanje navigacije.
Što je Ajax?
Ajax odgovara na akronim za Asinkroni Javascript i XML naime Javascript Y XML asinkroni, međutim trenutno se koristi format JSON češće od XML -a, mnogi čak smatraju JSON standardom.
Sve to rezultira nečim vrlo jednostavnim za objašnjenje, primanjem i slanjem podataka neovisno o učitavanju i osvježavanju stranica, na primjer ako želimo da svaki put kad pritisnemo gumb i dio stranice donosi podatke iz baze podataka , umjesto da pošaljemo zahtjev poslužitelju podnošenjem obrasca i osvježavanjem cijele stranice, ono što ćemo učiniti bit će kroz Javascript funkciju i zahtjev XMLHttpRequest komunicirati sa poslužiteljem kako bi dohvatili podatke i promijenili samo dio stranice koji nam je potreban.
Kako ovo vidimo, izgleda i zvuči prekrasno, jedini problem ili ograničenje je upotreba Javascript, jer ako ga deaktiviramo u svom pregledniku, nećemo moći uživati u tim funkcionalnostima.
Naš prvi dokument s Ajaxom
Sada kada znamo osnove i osnove o Ajaxu, razradit ćemo mali primjer koji nas može ilustrirati o ovoj tehnici.
Prvo pogledajmo sljedeći kôd, a zatim ćemo objasniti čemu odgovara:
PrimjerJabuke Višnje BananePritisnite tipku
Ovaj primjer jednostavno čini da kada kliknemo na gumb pokrećemo funkciju koja se zove HandleButtonPress (), ovo stvara novi objekt tipa XMLHttpRequest i s tim možemo uzeti HTML unutar gumba, uzeti njegov tekst i spojiti ga sa .HTML ekstenzijom kako bismo mogli pozvati dokument s istim imenom koji je prethodno kreiran.
Zatim funkcija handleResponse vrši provjeru statusa zahtjeva ako je bio uspješan, u spremnik koji je već označen učitat će odgovarajući dokument koji smo pozvali.
Pogledajmo na slikama kako će teći proces:
Ovim završavamo vodič, već imamo mogućnost početi eksperimentirati Ajax kako bismo obogatili iskustvo pregledavanja naših stranica ili dokumenata HTML.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
