API Web Storage

¿Que es Web Storage? Es una de las APIs de HTML5 que nos permite guardar datos de tipo/valor (key/value) sin tener que utilizar cookies, es decir, no depende del tráfico de Internet.

Existen dos mecanismos que nos ofrece Web Storage: localStorage y sessionStorage, que nos permiten almacenar datos en nuestro navegador web, de manera muy similar a los cookies, pero sin tener que utilizar Internet

localStorage: Como su propio nombre indica, se trata de un espacio de almacenamiento local que nos permite guardar datos de nuestra página. Estos datos no se perderán al cerrar nuestro navegador, sino que seguirán disponibles indefinidamente.

sessionStorage: Este mecanismo nos permite guardar datos en un almacenamiento local. Se comporta igual a localStorage, con la diferencia que una vez que cerramos el navegador se pierde la información.

Desde la perspectiva del código, sessionStorage y localStorage se comportan de la misma forma, solo cambia la disponibilidad temporal de los datos.

Accedemos a estos datos igual que como un objeto o utilizando los métodos de storage.getItem() y storage.setItem().

storage.getItem(): Devuelve el valor del dato guardado en la clave cuyo nombre se le pasa como parámetro, pero si esta clave no existe nos devuelve null.

storage.setItem(): Este método se utiliza para almacenar datos en una clave especifica , cuando recibe una clave y un valor, añade estos al almacén de datos, o actualiza(sobre-escribe) el valor si la clave ya existe.

Además podemos encontrar otros métodos que se usan con menor frecuencia que los mencionados anteriormente, como por ejemplo:

storage.removeItem(): Cuando se le pasa el nombre de una clave por parámetro eliminará dicha clave del almacenamiento.

storage.clear(): Cuando este método es invocado vacía todas las claves del almacenamiento.

Conociendo Web Storage hemos comprobado que podemos obviar el empleo de cookies y así llevar un control de datos de una manera más simple, completa y eficiente.