AJAX
Níže je uveden pouze náhled materiálu. Kliknutím na tlačítko 'Stáhnout soubor' stáhnete kompletní formátovaný materiál ve formátu PDF.
mají následující krok
1.
1
Otevři asynchronní spojení klient
Otevři asynchronní spojení klient – server
serve
2.
2
Pošli dotaz pomocí domluveného protokolu
Pošli dotaz pomocí domluveného protokol
2.
2
Pošli dotaz pomocí domluveného protoko
Pošli dotaz pomocí domluveného protok
3.
3
Zpracuj dotaz a manipuluj DOMem
Zpracuj dotaz a manipuluj DOMe
Příklad implementace I
Příklad implementace
Přidávání elementu, pro jehož získání je třeba
Přidávání elementu, pro jehož získání je třeba
vygenerovat http
vygenerovat http request
reques
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/javascript">
function obrazky () {
var obrazek= new Image(400,353);obrazek.src
="obrazky/pejsek.jpg";
obrazek.src
="obrazky/pejsek.jpg"
document.getElementById
("obr_id").appendChild(obrazek);
}
</script>
<title>Obrázek</title>
</head>
<body>
<form action="">
<input type="button" value="Obrázek" onclick="obrazky();"/>
<div id="obr_id"></div>
</form>
</body>
</html>
kuk ajax1_img.html
Příklad implementace II
Příklad implementace I
Přidávání obrázku je hezké, ale není v tom žádná
Přidávání obrázku je hezké, ale není v tom žádná
logika ze serveru
logika ze server
Nyní použijeme jiný element, který má také atribut
Nyní použijeme jiný element, který má také atribut
src
sr
a který může zužitkovat serverovou logiku
a který může zužitkovat serverovou logik
Použití elementu SCRIP
Použití elementu SCRI
1.
1
Javascriptem
Javascripte
vyrobíme nový element SCRIPT
vyrobíme nový element SCRIP
2.
2
Přiřadíme mu vlastnost
Přiřadíme mu vlastnost src
sr
–
to způsobí nahrání obsahu
to způsobí nahrání obsahu scriptu
script z externího zdroje
z externího zdroj
–
pokud je zdroj pod naší kontrolou, máme vyhráno
pokud je zdroj pod naší kontrolou, máme vyhrán