menü    videók      
Mit tanulnál?
Keresés:
videót kérek belépés regisztráció
 Termék tesztek, hírek, bemutatók  ✦  mobilok, okosórák, médialejátszók, stb.  ✦  kattints ide!
Adattárolás a böngészőben, vagyis a web storage (2018.02.23)
Bejegyzések a témában:   javascript   webfejlesztes  
Hozzászólások
A böngészők legismertebb funkciója az adatok tárolására a cookie-ek, amelyek alkalmasak nagyon kis mennyiségű adat tárolására. Előnyük, hogy a böngésző bezárása után is megmaradnak igény esetén.

Ha nagyobb mennyiségű adat tárolására van szükség, akkor már nem megfelelők, de ilyenkor is van megoldás, a web storage személyében, amellyel jellemzően 10 MB-nyi szöveges adatot tárolhatunk el weboldalanként. Bár a 10 MB nem tűnik annyira soknak, azért szöveg esetén több oldalnyi szöveget jelent.

Használni Javascript-ből lehet és csak kliens oldalon érhető el, ellentétben a cookie-kal (persze az megoldható, hogy AJAX-szal eljutassuk pl. a PHP-nak).

Két fajtája van, az egyik ami törlődik a böngésző bezárásakor.

Ez esetben az érték beállítása:

sessionStorage.setItem('nev', 'ertek');

Kiolvasása:

sessionStorage.getItem('nev');

Persze több név-érték párost is be lehet állítani.

sessionStorage.setItem('valami', 'ertek');
sessionStorage.setItem('nev2', 'ertek');
sessionStorage.setItem('nev6', 'ertek');
......

A másik fajtája amely megőrzésre kerül a böngésző bezárásakor is:

localStorage.setItem('nev', 'ertek');  //rögzítés

localStorage.getItem('nev');  //kiolvasás

Van egyébként még egy módszer beállításra, kiolvasásra:

localStorage.nev= "Val aki";
alert(localStorage.nev);

sessionStorage.nev= "Val aki";
alert(sessionStorage.nev);