WebGeneral
E-mail: Jelszó:

Ajaxról röviden

Mi is az AJAX?



A weblapokon Javascript segítségével lehetőséget biztosít adatok letöltésére.
Gyakorlatilag ugyanúgy a szerverről kér le információt, de a felhasználását a fejlesztő határozza meg.
Elég régi technológia, de a böngészők egymással szembeni inkompatibilitása miatt megbízhatóan csak pár éve működik.

Az AJAX működése



Tételezzük fel, hogy egy nyomógomb hatására a weblap egy részét szeretnénk frissíteni anélkül, hogy az egész lap frissülne.
Ilyenkor indíthatunk egy új kapcsolatot ami elkezdi letölteni a tartalmat a szerverről, majd amikor kész végrehajt egy adott Javascript kódot.
Fontos, hogy ebben a kódban rendelkezésre áll a letöltött információ így azt akár egy DIV tagban meg is jeleníthetjük.

Összefoglalva



Az AJAX-al lekérhetünk szöveges tartalmakat a szerverről ugyanúgy, mintha linkekre kattintanánk.
Megadhatunk paramétereket, a szerver oldali script megkapja a Cookie-ket és minden adatot amit egy normál weblap lekérésénél megkaphat.
A fontos különbség, hogy ez aszinkron módon történik vagyis nem várakozik a kliens, hanem amikor végzett végrehajt egy kódot és nem jelenít meg semmit csak átadja a Javascript kódnak a kapott eredményt.

DIV tag tartalmának megváltoztatása AJAX-al



Ez a legegyszerűbb felhasználási mód. Indítunk egy lekérést pl ilyesmit: /ajax/hirek.php ez csak a nyers tartalmat adja vissza, nem kell sem fejléc, sem css semmi.
Majd ezt beletesszük egy DIV tagba. Kb így:
obj.innerHTML=html;
Ahol az obj a DIV tag és a html az ajax-al visszakapott érték.
Ebben az esetben a teljes html formázást a hirek.php végzi.

Műveletek végzése AJAX-al



Ez például bejelentkezéshez lehet hasznos. Az AJAX-al elküldjük az űrlap tartalmát pl egy /ajax/login.php-nek és az elvégzi a beléptetést.
Ha sikeres akkor mondjuk egy 1-essel tér vissza, ha nem akkor 0-val.
A Javascript kód pedig a visszakapott érték függvényében tud műveleteket végezni.
Mivel az AJAX által használt Cookie-k és a weblap Cookie-i azonosak így a művelet érvényesek lesznek mindkét helyen.

Adatok letöltése AJAX-al



További lehetőség például egy táblázat adatainak letöltése (esetleg JSON formában) majd ezek megjelenítése.
Itt a kliens oldali Javascript végzi a formázást így jóval kevesebb adatot kell feldolgozni, letölteni.
A visszakapott tartalmat egy tömbbe töltjük majd javascript segítségével formázzuk és megjelenítjük az oldalon.
Vissza