Az adatok tárolása a kliens oldalon

Az adatok tárolása a kliens oldalon

Lehetőség van, hogy tárolja húr adatokat, hogy túléli az oldal ismételt betöltése - erre van szükségünk, hogy őket localStorage objektumot. Ez lehetővé teszi, hogy tárolja a húr adatokat a neveket (amelyek szintén sor), mint ebben a példában:

localStorage.setItem ( "felhasználónév", "Marijn");
console.log (localStorage.getItem ( "felhasználónév"));
//. Marijn
localStorage.removeItem ( "felhasználónév");

Részben localStorage tárolt, amíg nincs felülírás, removeItem eltávolítjuk tisztítás vagy helyi tároló, a felhasználó által.

Olyan helyszíneken, különböző területek között - a különböző osztályok ebben a boltban. Azaz, a tárolt adatok a honlapról localStorage. Ők lehet olvasni vagy felülírt csak scriptek ezen az oldalon.

A böngészők is korlátozzák az eltárolt adatokat, általában néhány megabájt. Ez a korlátozás, és az a tény, hogy a dugulás merevlemez emberek nem nyereséges, megakadályozza otedanie lemezterület.

Az alábbi kódot végrehajtja egy egyszerű program a jegyzeteket. Úgy tartja jegyzetek formájában a tárgy, tömörítő címlapra a tartalmat. Ez van kódolva JSON és tárolni localStorage. A felhasználó kiválaszthatja egy megjegyzés a mezőn

A szkript inicializálja az értéke jegyzetek localStorage. és ha ez nincs ott - egyszerű tárgy egy rekordot a „mit kell vásárolni.” Próbálok olvasni a hiányzó területén localStorage vissza null. Átadás null JSON.parse. kapunk egy null vissza. Ezért az alapértelmezett érték, akkor a || .

Ha az adatokat a megjegyzés változás (kiegészítve egy új rekordot, vagy módosítsa az aktuális), hogy frissítse a tárolt mező funkciót nevezik saveToStorage. Ha azt vártuk, hogy mi lesz tárolni ezer rekordok lenne túl drága, és mi lett volna, hogy dolgozzon ki egy bonyolultabb eljárás tárolására - például a területen minden rekordot.

Kapcsolódó cikkek