Índice de contenidos
Qué es el sessionStorage
Es una característica nativa de JavaScript que nos permite guardar datos en nuestro navegador web mientras la pestaña o ventana no se cierre, por supuesto, estos datos también se puede recuperar.
sessionStorage almacena datos mediante clave-valor, no es posible guardar directamente objetos.
Ejemplos de cómo usar de sessionStorage
Las acciones disponibles son: Guardar, recuperar y borrar datos.
Cómo guardar datos
El guardado de datos se hace con el método setItem.
El primer parámetro debe ser la clave identificativa y el segundo el string o valor a guardar.
Supongamos que queremos guardar un string en sessionStorage, el código sería el siguiente:
Si quisiéramos guardar un objeto en localStorage antes debemos convertirlo a un string (solo almacena datos como cadenas de textos), para ello, usaremos el método JSON.stringify
Esta sería la forma de guardar datos en sessionStorage.
Cómo recuperar datos
En el caso de querer recuperar datos, la función correspondiente es getItem, teniendo que pasar la clave adecuada para recuperar el valor.
En referencia a los ejemplos anteriores, este sería el código resultante:
Cómo borrar información
Puedes borrar el sessionStorage con la función «removeItem» o con «clear», pero recuerda que al cerrar tu pestaña del navegador esos datos se van a eliminar.
Si eres un usuario y quieres ver/eliminar tu sessionStorage, justo al final de este apartado te paso una entrada que te muestra el sessionStorage de tu navegador.
Deja tu comentario