Window.sessionStorage

Proprietatea sessionStorage permite accesarea unui obiect al sesiunii  Storage pentru originea curenta.

sessionStorage este similar Window.localStorage, singura diferenta fiind ca in timp ce datele stocate in localStorage nu expira, datele din sessionStorage se sterg odata cu inchiderea sesiunii. 

Sesiunea dureaza atat timp cat browserul este deschis si va ramane activa chiar daca se reincarca sau se restaureaza pagina.

Deschiderea paginii intr-un tab nou sau intr-o fereastra noua va cauza crearea unei noi sesiuni, lucru complet diferit modul de functionare al cookie-urilor de sesiune.

Trebuie notat ca datele stocate in sessionStorage sau localStorage sunt specifice protocolului paginii.

Sintaxa

// Salveaza datele in sessionStorage
sessionStorage.setItem('key', 'value');

// Interogare date din sessionStorage
var data = sessionStorage.getItem('key');

// Sterge un element stocat in sessionStorage
sessionStorage.removeItem('key');

// Sterge toate datele din sessionStorage
sessionStorage.clear();

Valoare

Un obiect Storage 

Exemplu

Urmatorul snippet acceseaza obiectul sesiunii domeniului curent  Storage si adauga o noua intrare de date folosind Storage.setItem().

sessionStorage.setItem('myCat', 'Tom');

Urmatorul exemplu salveaza automat continutul unui camp de tip text, iar daca browser-ul se reimprospateaza in mod accidental, restaureaza continutul campului de tip text astfel incat sa nu se piarda nimic.

// Interogare camp text pe care-l vom urmari
var field = document.getElementById("field");
 
// Verifica daca exista o valoare salvata automat
// (aceasta se va intampla doar daca pagina se reincarca accidental)
if (sessionStorage.getItem("autosave")) {
  // Restaureaza continutul campului de tip text
  field.value = sessionStorage.getItem("autosave");
}
 
// Asteapta modificari in campul de tip text
field.addEventListener("change", function() {
  // Si salveaza rezultatul intr-un obiect de tip session storage
  sessionStorage.setItem("autosave", field.value);
});

 

Nota: Pentru un exemplu complet urmati link-ul Using the Web Storage API 

Specificatii

Specificatie Status Comment
Web Storage (Second edition)
The definition of 'sessionStorage' in that specification.
Recommendation  

Compatibilitate in Browser

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
localStorage 4 3.5 8 10.50 4
sessionStorage 5 2 8 10.50 4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.1 ? 8 11 iOS 3.2

Browserele au capacitati de stocare diferite, atat pentru localStorage cat si sessionStorage. Aici puteti gasi  o comparatie detaliata pentru diferite browsere.

Nota: incepand cu iOS 5.1, Safari Mobile stocheaza datele localStorage in folder-ul de  cache, folder care este curatat temporar de catre sistemul de operare, mai ales atunci cand spatiul de stocare devine insuficient.

Vezi si

Document Tags and Contributors

 Last updated by: miltisus,