jQuery návod – (10) Práce s cookies

V 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íka při jeho další návštěvě nebo uchovávat nastavení uživatele.

Ačkoli samotná knihovna jQuery neposkytuje funkce pro práci s cookies, existují pluginy, které tento nedostatek řeší.

1. Instalace a použití pluginu jquery.cookie

Pro práci s cookies v jQuery můžeme využít oblíbený plugin jquery.cookie. Instalace je jednoduchá:

<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.cookie.js"></script>

2. Vytváření a čtení cookies

Vytváření cookie:

$.cookie('jmeno', 'Jan');

Tímto způsobem vytvoříme cookie s názvem ‚jmeno‘ a hodnotou ‚Jan‘.

Čtení cookie:

var jmeno = $.cookie('jmeno');
console.log(jmeno);  // Vypíše "Jan"

3. Smazání cookie

Pokud chcete cookie smazat, můžete použít:

$.removeCookie('jmeno');

4. Nastavení doby platnosti cookie

Můžete také určit, jak dlouho má cookie platit:

// Cookie vyprší za 7 dní
$.cookie('jmeno', 'Jan', { expires: 7 });

5. Nastavení cesty pro cookie

Pokud chcete, aby byla cookie k dispozici pouze v určité části vašeho webu, můžete nastavit cestu:

$.cookie('jmeno', 'Jan', { path: '/podadresar' });

6. Bezpečnost a cookies

Je důležité mít na paměti, že cookies nejsou určeny pro ukládání citlivých informací, protože jsou přístupné z klientské strany. Nikdy do nich neukládejte hesla nebo jiné důležité údaje.

Závěr

Cookies jsou výkonným nástrojem pro vylepšení uživatelského zážitku na vašem webu. Ačkoli samotná knihovna jQuery neposkytuje výchozí podporu pro práci s cookies, s využitím pluginu jquery.cookie je jejich manipulace naprosto jednoduchá.

V dalším díle našeho seriálu se zaměříme na další užitečné funkce knihovny jQuery. Uvidíme se u dalšího článku!