Header Ads Widget

Ticker

6/recent/ticker-posts

¿Cómo crear una sesión usando JavaScript?

 ¿Quieres usar la sesión en JavaScript ?

En este tutorial, le mostraré cómo puede hacerlo.

Puede utilizar LocalStorage o sessionStorage para mantener las sesiones en JavaScript.

Como sabe, JavaScript es un lenguaje de programación del lado del cliente, por lo que esta sesión se almacenará en el navegador.

En el caso de sessionStorage, los datos se almacenan solo hasta que se cierra la ventana o pestaña,
mientras que con localStorage, los datos se almacenan hasta que el usuario borra manualmente la caché del navegador.

los datos sobreviven a una actualización de página (para sessionStorage) los
datos sobreviven incluso a un reinicio completo del navegador (para localStorage).

Ya tenemos cookies. ¿Por qué objetos adicionales?

A diferencia de las cookies, los objetos de almacenamiento web no se envían al servidor con cada solicitud.

Ambos objetos de almacenamiento proporcionan los mismos métodos y propiedades:

setItem (clave, valor): almacenar par clave / valor.
getItem (clave): obtiene el valor por clave.
removeItem (clave): elimina la clave con su valor.
clear () - borra todo.
clave (índice): obtenga la clave en una posición determinada.
longitud: el número de elementos almacenados.

almacenamiento local

localStorage se usa generalmente para el almacenamiento de sesiones en JavaScript.

ejemplo de localStorage

Guarde los datos en localStorage:

<script> localStorage.setItem ('nombre', 'Vikash'); </script>

Leer datos de localStorage:

<script> alert (localStorage.getItem ('nombre')); </script>

Solo tenemos que estar en el mismo origen (dominio / puerto / protocolo), la ruta de la URL puede ser diferente.

Los datos de localStorage se comparten entre todas las ventanas con el mismo origen.

sessionStorage

El objeto sessionStorage se usa con mucha menos frecuencia que localStorage.

Los datos de sessionStorage solo funcionan dentro de la pestaña del navegador actual.

ejemplo de sessionStorage

Guardar datos en sessionStorage:

<script> sessionStorage.setItem ('nombre', 'Vikash'); </script>

Leer datos de sessionStorage

<script> sessionStorage.getItem ('nombre'); </script>

Espero que haya entendido cómo usar la sesión en JavaScript. Si tiene alguna consulta sobre este tema, no dude en comentar.

Publicar un comentario

0 Comentarios