localstorage guardar example ejemplos array html html5 local-storage web-storage

guardar - ¿Cuándo debo usar html5 sessionStorage?



localstorage jquery example (2)

Aprendí la diferencia entre sessionStorage (persistir durante la sesión) y localStorage (persistir para siempre si no se elimina).

Puedo ver que localStorage puede usarse como una mejor versión de cookie. (más tamaño, no viajar al servidor para cada solicitud HTTP como lo hace la cookie).

Pero para sessionStorage , estoy pensando cuándo debería usarlo de manera efectiva.

Pensé en las entradas del usuario en los campos de texto en la página A y luego pasé a la página B dentro de la misma pestaña o ventana del navegador, la página B puede buscar almacenamiento de sesión.

Realmente no puedo ampliar mi conjetura más que el escenario anterior. ¿Podría alguien decirme cómo se puede usar sessionStorage?


Con las interfaces dinámicas controladas por ajax, muchas veces no hay nada que almacene el estado actual de cómo se ve la interfaz (como la pestaña seleccionada, por ejemplo). sessionStorage podría usarse para almacenar el estado de la interfaz, de modo que al volver a una página, puede restaurar la pantalla de la forma en que el usuario la estaba mirando.

Otro uso sería si varias páginas de profundidad están trabajando en un solo objeto, podría almacenar el ID como una variable global: currentInvoiceId .

Las configuraciones de usuario que se necesitan en cada página, como un diseño o plantilla especial, se pueden cargar una vez al sessionStorage y colocarlas en sessionStorage para un fácil acceso.

Algunas cosas que solo desea que el usuario vea una vez por inicio de sesión, como una ventana emergente de noticias. Podrías almacenar que ya lo han visto en sessionStorage . Esto también funcionaría para acciones que solo desea que el usuario realice una vez por inicio de sesión.

Es una buena alternativa para pasar datos entre páginas usando viewstate, campos <input> ocultos o parámetros de URL.


La razón principal para usar sessionStorage es para los casos en que si su usuario abriera la misma página dos veces en dos pestañas diferentes, desearía áreas de almacenamiento separadas para esas dos pestañas. Por ejemplo, considere un sitio donde está comprando un boleto (y solo puede comprar un boleto, como el flujo de un boleto de una aerolínea, en lugar de un estuche con un carrito de compras). Si el usuario intenta comprar dos boletos en dos pestañas diferentes, no querrá que las dos sesiones interfieran entre sí. sessionStorage le permite rastrear esas sesiones en múltiples cargas de página de forma independiente.