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
Unknown
The definition of 'sessionStorage' in that specification.
Unknown  

Compatibilitate in Browser

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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

Contributors to this page: miltisus
Last updated by: miltisus,