Tartalomjegyzék

< JavaScript

JavaScript - Tárolás kliens oldalon

window.localStorage

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

Függvények:

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