sessionStorage

Le stockage sessionStorage permet d'enregistrer des paires clé/valeur dans le navigateur.

Pour faire simple, sessionStorage est exactement la même chose que localStorage, en tout cas sur les points suivants :

• Les entrées stockées dans sessionStorage survivent à une actualisation de la page.
• Contrairement aux cookies, sessionStorage n'est pas envoyé au serveur à chaque requête. Ce qui permet d'y stocker beaucoup plus de données. La plupart des navigateurs autorisent au moins 5mb de données (voir plus).
• Contrairement aux cookies, sessionStorage n'est pas manipulable côté serveur. Tout se fait côté client (navigateur), via JavaScript.
• On accède à sessionStorage avec les mêmes méthodes

En quoi sessionStorage est-il différent ?

Voici ce qui diffère :

• Les entrées stockées dans sessionStorage n’existe que dans l’onglet actuel du navigateur.
  Un autre onglet, avec la même page ouverte, aura un sessionStorage différent !
• Les entrées stockées dans sessionStorage survivent à une actualisation de la page, mais pas à la fermeture/réouverture de l’onglet.

Ceci étant dit, on manipule sessionStorage avec les mêmes méthodes que pour localStorage :

• Créer / modifier une entrée : setItem(key, value)
• Accéder à une entrée : getItem(key)
• Supprimer une entrée : removeItem(key)
• Supprimer toutes les entrées : clear()
• Compter le nombre d'entrées : length