HTML5 helyi tároló - blog Vyacheslav Volkov

Gondolom, hogy sok, hogy már hallott az új funkciók HTML5. Az egyik ilyen a localStorage. Leegyszerűsítve - ez a kliens oldali adatbázis, amely lehetővé teszi, hogy tárolja az adatokat formájában „gomb - érték”. Ez nagyon hasznos, hogy mentse az időben a felhasználói adatokat.

Abban a pillanatban, ez a funkció támogatja a legtöbb modern böngésző: Safari 4+, Mobile Safari (iPhone / iPad), Firefox 3.5+, Internet Explorer 8+, Chrome 4+, Opera 10.6 vagy újabb. Ezután szeretném mondani, hogyan kell használni egy kis kényelem a projekteket.

Az első dolog, amit meg kell tennie, ha szeretné használni localStorage - annak ellenőrzése, hogy a felhasználó böngészője támogatja ezt a funkciót. Használhatja a következő kódot:

Érdemes megemlíteni, hogy sok adatot nem képes fenntartani ezt a módját. A méret a helyi boltba szabályozza a böngészőt, és kb 5-10Mb.

Ellentétben cookie adatok tárolhatók hosszabb ideig. Minden tartomány és aldomain van tárgya window.localStorage. Ha megnyitja két ablak az azonos domain, akkor változtatni a tartalmát localStorage lesz azonnal elérhető egy másik ablakban vagy lapon.

Továbbá window.localStorage tárgy létezik window.sessionStorage elem - egy felhasználó adathalmaz adattár, amely valóban létezik, és csak egy fül böngésző, amíg ez le van zárva.

Most folytassa közvetlenül a védelmi felkészítés és az adatok törlése.

Az adatok mentéséhez használja az alábbi kódot:

Töltsük le az adatokat localStorage:

Mit látsz, ha nem korlátozza a megengedett méretet privysili használhatja sluduet teszt

By the way, akkor egyszerűen levelet firebug localStorage és ő fog néhány elemét, tárolja. És MSDN bibliotke láthatjuk több dopolnietelnoe ingatlan remainingSpace - fogadjuk a fennmaradó összeget a memória (bájt) tárolására egy tárgyat.

Így localStorage menthető nemcsak húr változók, hanem az egész tárgy, például

Mit kapnánk vissza JSON objektum használhatja JSON.parse () metódust.

A felhasznált anyagok a készítmény a cikk: