V devátém dílu našeho seriálu o jQuery se ponoříme do světa AJAXu. AJAX je zkratka pro Asynchronous JavaScript and XML, což je technika umožňující webovým stránkám načítat data ze serveru asynchronně, tj. bez nutnosti znovunačítání celé stránky. Tato technologie má řadu výhod, např. rychlejší odezvu, méně dat přenášených mezi serverem a prohlížečem a lepší uživatelský zážitek. 1. Základní metodologie S jQuery je práce s AJAXem jednoduchá a intuitivní. Nejčastěji používanou metodou je $.ajax(), ale existují i jednodušší metody jako $.get(), $.post(), atd. 2. Základní použití $.ajax() $.ajax({ url: 'serverovy-skript.php', type: 'GET', dataType: 'json', success: function(data) { console.log(data); }, error: function(xhr, status, error) { alert( Nastala chyba: + status); } }); Zde máme základní použití metody $.ajax(). Určujeme cestu k serverovému skriptu (url), typ požadavku (type), očekávaný formát vrácených dat (dataType) a co se má stát v případě úspěchu (success) nebo chyby (error). 3. Zjednodušené metody $.get() Jednoduchý způsob, jak poslat GET požadavek. $.get('serverovy-skript.php', function(data) { console.log(data); }); $.post() Analogicky k $.get(), ale pro POST požadavky. $.post('serverovy-skript.php', {jmeno: 'Jan', vek: 30}, function(data) { console.log(data); }); 4. Manipulace s DOM pomocí AJAXu Jedním z nejsilnějších aspektů kombinace jQuery a AJAXu je schopnost snadno manipulovat s DOM na základě získaných dat. Například: $.get('ziskej-clanky.php', function(data) { $('#seznam-clanku').html(data); }); V tomto případě načítáme články z ziskej-clanky.php a vložíme je do prvku s ID seznam-clanku. Závěr AJAX v kombinaci s jQuery otevírá nové možnosti pro vývoj dynamických a interaktivních webových aplikací. Díky snadné integraci a jednoduché syntaxi můžeme rychle a efektivně zlepšit uživatelský zážitek na našich stránkách. V dalším díle se podíváme na c The post jQuery návod (9) Práce s AJAXem appeared first on Tutoriály česky.
V dnešním díle seriálu se ponoříme do práce s poli v kontextu jQuery. Ačkoli mnoho z toho, co budeme procházet, lze provádět čistým JavaScriptem, jQuery nám nabízí několik nástrojů, které mohou proces usnadnit a zefektivnit. 1. Vytváření pole s jQuery
projít na článekV osmém dílu seriálu o jQuery se ponoříme do světa rozměrů a pozicování. Každý webový vývojář ví, jak důležité je správně rozumět rozměrům prvků a jejich pozicím na stránce, zejména když pracujeme s responzivním designem nebo animacemi. Díky jQuery můžeme
projít na článekV desátém díle našeho seriálu se ponoříme do světa cookies. Cookies jsou malé textové soubory, které webové stránky ukládají na počítači uživatele za účelem uchování informací mezi jednotlivými sezeními. S jejich pomocí můžeme například rozpoznat návštěvn
projít na článekV dnešním posledním díle seriálu o jQuery si představíme několik tipů a triků, které vám pomohou efektivněji pracovat s touto knihovnou. jQuery je obrovská knihovna s mnoha funkcemi, ale dnes se zaměříme na několik klíčových rad, které by vám mohly usnadn
projít na článekV jedenáctém díle seriálu se zaměříme na specifickou část jQuery utility. I když jste se již setkali s mnoha funkcemi a metodami, které jQuery nabízí, existuje mnoho dalších nástrojů, které nejsou tak známé nebo často používané, ale mohou být v určitých
projít na článek