AJAX

• Kako prikazati podatke na web

stranici bez potrebe neprekidnog
obnavljanja sadržaja čitave stranice?
• Rješenje je Ajax
• Asinkroni pristup podacima
• Javascript
Definicija

 Ajax (eng. asynchronous JavaScript and XML) je skup tehnologija koje

zajedno funkcioniraju u svrhu stvaranja brže web aplikacije uz pomoć XML-a,
HTML-a, CSS-a i JavaScript-a.
 Omogućuje asinkronu razmjenu podataka s poslužiteljem preko
XMLHttpsRequest objekta bez ponovnog učitavanja stranice.
Ajax

 Jednostavnije i najčešće rješenje je korištenje funkcionalnosti gotovih Ajax

programskih biblioteka
 jQuery
 Prototype
 ...
Ajax

 Ajax nudi veću interaktivnost, bolje performanse i manju potrošnju resursa

jer se razmjenjuju potrebne informacije, a ne kompletna web stranica
 Iako sadrži XML u svom imenu, sam XML nije neophodan za korištenje Ajax-a,
čak se u najvećem broju slučajeva koristi JSON format.
Podaci za Ajax poziv
 data: Podaci za slanje na poslužitelj. Tip podataka je array objekt ili string. Ako se već ne radi o stringu,
jQuery vrši u konverziju podataka u query string format (primjer. param=value&param1=value1).
 dataType: Tip podataka koji se očekiva kao rezultat. Ukoliko se ne navede, jQuery će pokušati zaključiti
na temelju MIME tipu odgovora. (XML će dat XML, JSON će vratit JS objekt, HTML vraća HTML...).
 method: HTTP metoda koja će se koristit za upit (default metoda je GET metoda, POST metodu
potrebno posebno naglasiti)
 url: String koji sadrži URL skripte gdje se šalje upit.
 .done: povratni poziv koji se aktivira nakon uspješnog izvršavanja Ajax-a.
 .fail: povratni poziv koji se aktivira nakon neuspješnog izvršavanja Ajax-a.
Primjer poziva
.ajax({
url: "ajax.php",
data: { name: name, userid: userid },
method: "GET",
dataType: 'json',
contentType: 'application/json'
})
.done(successCallback)
.fail(errorCallback)