• Szerző: Sallai András
• Copyright © 2022, Sallai András
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

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.
}

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)
 
}

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 = "valami=érték";

• 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)