‘localstorage’ címkét tartalmazó cikkek
A HTML5-ben bevezetésre kerülő kliens oldali adattároló modul (Web Storage) bemutatására törekszek ebben a cikkben. Természetesen nem fogja megváltani a világot – hisz a “felhő” óta tudjuk, hogy az fogja -, de ettől függetlenül egy nagyszerű lehetőséget biztosít, amit eddig csak különböző trükkökkel tudtunk megoldani (Pl. Cookie (süti)). De a süti számos hátránnyal járt (korlátos méret 4KB, +adatforgalom a kérésenkénti küldés miatt, stb.). Nos, ezzel szemben a HTML5 web storage a jelenlegi definíció szerint 5MB adatot tud tárolni és ráadásul forrásonként. Ide azért már pakolhatunk adatot bőven. Az is fontos, hogy itt már nem keletkezik plusz felesleges adatforgalom, hiszen nem küldözgeti az adatokat, csak ha kérjük. (azért nem illik 5Mb-os storage-eket készíteni)
Maga a Web Storage az adatokat kulcs – érték páros formájában tárolja el és ennek segítségével tudjuk azokat visszakeresni. A kulcs típusa szöveges, míg az érték típusa bármi lehet. Nézzük, milyen “fajtái” vannak:
1. Session Storage
Az ide kerülő adatokat a böngészési Session végéig tárolja, utána törlésre kerülnek (ez hivatott kiváltani a Cookie -kat). Amennyiben az adatok később nem lesznek fontosak számunkra, vagy a felhasználó számára, érdemes ezt a megoldást választani az erőforrások megtakarítása végett.
2. Local Storage
Az ide kerülő adatokkal már más a helyzet, ezeket egészen addig megmaradnak, amíg nem töröljük a kulcs-érték párokat, vagy a felhasználó nem törli azokat a böngészőjével. Hogy miért is jó ez? Nos, pl. ha a felhasználó egy új ablakot nyit, akkor is eléri az itt tárolt adatokat, vagy ha kilép a böngészőből és újra belép, akkor is elérhetőek maradnak. Tovább olvasom »