JavaScript (skriptování na straně klienta, technologie Ajax, knihovna jQuery a její využití)

Technologie AJAX 

Asynchronous  JavaScript  And  XML  je  název  pro  několik  technologií  na  straně  klienta,  jež 
umožňují vytvářet asynchronní dynamické webové aplikace. Díky AJAXu je možné přenášet data 
mezi serverem a klientem a měnit vzhled či informace na stránce bez nutnosti ovlivňovat zobrazení 
či chování takové stránky – není třeba stránku obnovovat. 

AJAX  se  skládá  z technologií  HTML,  CSS,  DOM  (Document  Object  Model;  umožňuje  interakci 
s elementy na stránce), JSON a XML (pro výměnu dat), XMLHttpRequest (umožňující asynchronní 
komunikaci) a JavaScript umožňující tyto technologie propojit. 

Knihovna jQuery a její využití 

jQuery je JavaScriptová knihovna usnadňující práci s DOM elementy a JavaScriptem jako takovým 
či AJAXem prostřednictvím obrovského množství funkcí, které jQuery obsahuje. Disponuje také 

PAD Programování a databáze 

Téma 3 

Školní rok 2017/2018 

2/2 

Jan Švábík, V4D 

přehlednou podrobnou dokumentací obsahující mj. příklady využití svých funkcí. Jde o svobodný 
a otevřený software uvolněný pod licencí MIT jednoduše implementovatelný do webové aplikace 
připojením jediného JS souboru. 

Práci  s AJAXem  usnadňuje  funkcemi  $.ajax  (resp.  $.get  a  $.post),  kde  pak  lze  velice  data  mezi 
klientem a serverem přenášet, například následovně. 

$.post({ 
    url: '/server-script/', 
    data: { 
        id: 8, 
        name: 'Tomáš', 
        username: 'tom', 
    }, 
    success: function (response) { 
        $('.response').text(response); 
    }, 
}); 

Tento  kód  odešle  na  adresu  /server-script/  POST  požadavek  obsahující  data  uvedená  v JSONu 
"data". Jakmile server odpoví, vykoná se funkce 'success' s parametrem response, který obsahuje 
data ze serveru. Tato data jsou následně vložena do elementu s CSS třídou response.