Mi az AJAX és mikor érdemes használni?
Röviden
Az AJAX (Asynchronous JavaScript and XML) lehetővé teszi, hogy a weboldal egyes részei anélkül frissüljenek, hogy az egész oldalt újra kellene tölteni. Ezzel sokkal gördülékenyebb, applikáció-szerű felhasználói élményt (UX) érhetünk el.
Az AJAX (Asynchronous JavaScript and XML) egy technika, amellyel a kliens aszinkron módon adatot kérhet le a szervertől.
Az AJAX lényege, hogy a háttérben küld egy kérést a szervernek (például egy PHP fájlnak), a szerver feldolgozza azt (mondjuk lekérdez valamit az adatbázisból), majd az eredményt (gyakran JSON formátumban) visszaküldi a böngészőnek. A JavaScript ezt az adatot elkapja, és dinamikusan beilleszti a HTML-be.
Mikor érdemes használni?
- Űrlapok elküldésekor (pl. regisztráció után nem ugrik el az oldal).
- Végtelen görgetés (infinite scroll) megvalósításakor.
- Élő keresésnél (ahogy gépelünk, jönnek a találatok).
- Lájk gombok vagy kosárba tétel esetén.
Az AJAX lényege, hogy a háttérben küld egy kérést a szervernek (például egy PHP fájlnak), a szerver feldolgozza azt (mondjuk lekérdez valamit az adatbázisból), majd az eredményt (gyakran JSON formátumban) visszaküldi a böngészőnek. A JavaScript ezt az adatot elkapja, és dinamikusan beilleszti a HTML-be.
Mikor érdemes használni?
- Űrlapok elküldésekor (pl. regisztráció után nem ugrik el az oldal).
- Végtelen görgetés (infinite scroll) megvalósításakor.
- Élő keresésnél (ahogy gépelünk, jönnek a találatok).
- Lájk gombok vagy kosárba tétel esetén.