< JavaScript

JavaScript - Tárolás kliens oldalon

Szerző: Sallai András

Copyright © Sallai András, 2022

Licenc: CC Attribution-Share Alike 4.0 International

Web: https://szit.hu

window.localStorage

Adatok tárolása lejárati dátum nélkül.

Függvények:

localStorage.setItem()

localStorage.getItem()

localStorage.removeItem()

Használatra példa:

localStorage.setItem("valami", "adat");
localStorage.valami = "adat";
var valami = localStorage.getItem("valami");
localStorage.removeItem("valami");

Használat előtt érdemes ellenőrizni, hogy a böngésző képes-e használni:

if (typeof(Storage) !== "undefined") { // Ide jöhet a localStorage/sessionStorage kód. } else { // Ide jöhet a figyelmeztetés, hogy a böngésző nem támogatja. }

Objektum tárolása

Az objektumot sztringesítve tároljuk, másként nem kapjuk meg a tagokat.

function setData() { let emp = { name: 'Valaki', city: 'Szeged', salary: 345 } localStorage.setItem('emp', JSON.stringify(emp)) } function getData() { let empStr = localStorage.getItem('emp') let emp = JSON.parse(empStr) console.log(emp.name) }

window.sessionStorage

Adatok tárolása egy munkamenetre.

sessionStorage.valami = "adat";

Adat mentése <code javascript> sessionStorage.setItem('key', 'value'); </code> Adat lekérése

let data = sessionStorage.getItem('key');

Törlés <code javascript> sessionStorage.removeItem(„valami”); </code> Minden mentett adat törlése, ami így lett mentve: sessionStorage

sessionStorage.clear();

document.cookie

document.cookie = "valami=érték";

Linkek

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage (2022)

https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage (2022)

https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie (2022)