Frontend jegyzetSearch...
Tárolók
Figyelem!
A tárolókban csak és kizárólag string értéket tárolhatunk, így bármilyen objektumot JSON.stringify() segítségével konvertálni kell!
Figyelem!
A tárolókban, ha objectet tároltunk lekérdezéskor ne felejtsük el visszaalakítani az információt a JSON.parse() segítségével!
Helyi Tároló
Az böngésző a localStorage-en keresztül lehetőséget biztosít, hogy egy domainen belül adatokat tudjunk tárolni olyan módon, hogy azok később is hozzáférhetővé válhassanak.
A következő függvények segítségével tudunk a tárolóval dolgozni.
.setItem() | Két paramétert vár, egy kulcsot és egy értéket |
.getItem() | A kulcs alapján visszaadja az értéket |
.removeItem() | A kulcs alapján törli az értéket |
.clear() | Kiüríti a tárolót |
length | A tárolóban tárolt értékek száma |
Helyi tár előnyei
- Az adat addig tárolva marad amíg kézzel nem töröljük.
- A tárolási limit ~10MB.
- Sosem küljük el ezt az adatot a szervernek.
Helyi tár hátrányai
- Mindent sima szövegként tárol, így nem biztonságos.
- Csak és kizárólag stringet tárol, így mint át kell alakítani
- Csak kliens oldali.
Session tár
A Session tár előbbi társától annyiban küldönbözik, hogy az adatot addig tartja meg, amíg az adott böngészőlap nyitva van.
.setItem() | Két paramétert vár, egy kulcsot és egy értéket |
.getItem() | A kulcs alapján visszaadja az értéket |
.removeItem() | A kulcs alapján törli az értéket |
.clear() | Kiüríti a tárolót |
length | A tárolóban tárolt értékek száma |
Sütik
Ellenőrző kérdések
- Hol tároljuk a tárakba írt értékek?
- Mi a legnagyobb előnye a táraknak?
- Miért kell konvertálni mentéskor/kiolvasáskor az összetett típusú elemeket?
- Melyik adatszekezet(ek)hez hasonlóan tárolunk?
- Mi a legnagyobb különbség a session és a helyi tároló között?
\pagebreak