Javascript – #4.12. Web Storage. Introducción
Nos adentramos en un concepto nuevo hasta ahora en este conjunto de cursos de programación con Javascript: el concepto de API; y es que Web Storage es una API de almacenamiento web que proporciona los mecanismos mediante los cuales el navegador puede almacenar información de tipo clave-valor de una forma mucho más intuitiva que utilizando cookies.
Cuando hablamos de Web Storage disponemos, a su vez, de dos mecanismos de almacenamiento web:
- sessionStorage: que permite almacenar información mientras el navegador está abierto; es decir, mientras dura la sesión de la página. Todas las páginas que tienen el mismo origen (dominio y protocolo) pueden acceder a estos datos indistintamente.
- localStorage: similar a sessionStorage pero los datos se mantienen aún a pesar de que cerremos el navegador.
En primer lugar, lo más recomendable es comprobar si el navegador que vamos a utilizar soporta Web Storage.
A continuación, utilizaremos los diferentes métodos que nos permitirán trabajar con este tipo de almacenamiento:
- setItem: permite crear un elemento de almacenamiento web.
- getItem: permite consultar un elemento.
- removeItem y clear: permite eliminar información de un elemento o el elemento completo.
¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!
¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!