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.
našeptáva
Funkce našeptávače
Funkce našeptávač
Jak uživatel píše do textového políčka, je
Jak uživatel píše do textového políčka, je
průběžně na server odesílán obsah tohoto pole
průběžně na server odesílán obsah tohoto pol
Server text zpracuje a odešle seznam relevantních
Server text zpracuje a odešle seznam relevantních
dat
da
Klient reaguje na příjem dat aktualizací nějaké
Klient reaguje na příjem dat aktualizací nějaké
části stránky
části stránk
Uživateli se zdá, že mu server našeptává
Uživateli se zdá, že mu server našeptáv
Implementace
Implementac
Klient:
Klient
Textové pole
Textové pol
Javascript
Javascrip reakce na událost napsání textu (
reakce na událost napsání textu keyup
keyu )
Reakce na příjem dat, modifikace DOM
Reakce na příjem dat, modifikace DO
Server:
Server
Zpracování http
Zpracování http request
reques
Nalezení relevantních dat
Nalezení relevantních da
Odeslání události
Odeslání událost
Klient
Klient – HTML +
HTML + Javascript
Javascrip v
v Xajax
Xaja =
= view
vie
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>naseptavac</title>
<?php $xajax->printJavascript('./'); ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="">
<label for="search">Začněte psát jméno</label><br/>
<input type="text" onkeyup="xajax_whisper(this.value);"
<input type="text" onkeyup="xajax_whisper(this.value);
name="search" id="search"/>
<br/><label for="whisper">Nalezená jména</label>
<div id="whisperdiv">
<select id="whisper" name="whisperselect">
</select>
</div>
</form>
</body>
</html>
Server data z DB = model
Server data z DB = mode
class Nameday {
static function getNameday($like, $limit = 10) {
$query = "
SELECT svatek1
FROM svatky
WHERE svatek1 LIKE ('".addslashes(