AJAX

Ajax v PHP

Ajax v PH

Martin Klíma

AJAX 

AJAX – co to je?

co to je

Asynchronous

synchronou Javascript

avascrip And 

nd XML

M

Webový klient komunikuje s webovým serverem

Webový klient komunikuje s webovým servere
asynchronně.

asynchronně

Výsledkem je jen částečná aktualizace stránky

Výsledkem je jen částečná aktualizace stránk

Blíží se návrhu klasické 

Blíží se návrhu klasické desktopové

desktopov aplikace

aplikac

Blíží se návrhu klasické 

Blíží se návrhu klasické desktopové

desktopov aplika

aplik

AJAX není nová technologie

AJAX není nová technologi

Jde o novou aplikaci existující technologie, resp. o 

Jde o novou aplikaci existující technologie, resp. o
rádoby

rádob novinku v souvislosti s pojmem Web 2.0

novinku v souvislosti s pojmem Web 2.

Ajax

Aja

Příklady:

Příklady

Našeptávače (www.seznam.cz)

Našeptávače (www.seznam.cz

On

O -line mapy (mapy.seznam.cz)

line mapy (mapy.seznam.cz

gmail

gmai

7

AJAX 

AJAX - jak to funguje

jak to funguj

Klasický web

Klasický we

Událost v prohlížeči vyvolá

Událost v prohlížeči vyvol
HTTP 

HTTP request

reques

Server 

Server oblouží

oblouž dotaz a

dotaz  vrací 

vrací

nová data, např.

nová data, např HTML

HTM

Klient dekóduje data a

Klient dekóduje data 
nahrazuje jimi celou

nahrazuje jimi celo stránku

stránk

Ajax

Aja

Událost v prohlížeči je

Událost v prohlížeči j
obsloužena 

obsloužena javascriptovým

avascriptový

handlerem

handlere

Je vytvořen HTTP 

Je vytvořen HTTP request

reques a v 

v

něm předány informace

něm předány informac

Informace jsou zakódovány

Informace jsou zakódován v 

v

dohodnutém formátu

dohodnutém formát

dohodnutém formá

dohodnutém form

Server obslouží dotaz a

Server obslouží dotaz  vrací 

vrací

data

dat

Klient dekóduje data a

Klient dekóduje data 
modifikuje DOM

modifikuje DO

Ajax 

Ajax – jak

ja to 

to funguje

funguj II

I

Klasický web

Ajax

Implementace

Implementac

Několik různých způsobů implementace, všechny 

Několik různých způsobů implementace, všechny
mají následující kroky