Asynchronous Javascript and XML (AJAX)
Webová technologie Asynchronous JavaScript and XML (zkr. AJAX) je používána webovými vývojáři v internetových stránkách, jenž díky tomu dokáží měnit svůj obsah nebo část obsahu, aniž by muselo dojít ke kompletnímu znovunačtení celé stránky. Práce s takovými weby je pro uživatele velmi příjemná a především velmi rychlá, protože se asynchroně načítá pouze zlomek celkové velikosti stránek. Pro samotné vývojáře je však implementace takových stránek o poznání složitější.
Příklad použití technologie AJAX
Technologii AJAX se vyplatí využít u stránek, které velmi často mění svůj obsah nebo pouze některou ze svých částí. Typicky by se tedy nabízelo dynamické zobrazení aktuálního času:
HTML stránka:
<html>
<body>
Aktuální čas: <span id="time"></span>
<script>
$(document).ready(function() {
setInterval(function() {
$.ajax({
type: "GET",
url: "http://www.example.com/cas.php,
async: false
}).done(function(data) {
$("#time").text(data);
});
}, 1000);
});
</script>
</body>
</html>
PHP kód:
echo date("d.m.Y H:i:s");
Funkce setInterval()
zavolá každých 100ms kód, který sama obsahuje. Přes funkci ajax()
se načte obsah PHP souboru, který jen vypisuje aktuální čas ve formátu DD.MM.YYY HH:MM:SS
. Pro práci s Javascriptem jsme použili framework jQuery.