Descripción general de las cookies en JavaScript
Las cookies son información o información del usuario o podemos decir datos. se almacena en la computadora del usuario y básicamente contiene la información del usuario para recordarlos la próxima vez si la conexión se perdió del servidor o algo así. Es un mecanismo para recordar la información del usuario o para realizar un seguimiento de la actividad de navegación del usuario. JavaScript también funciona de la misma manera para mantener la información del usuario. Almacena un pequeño archivo de texto en nuestro escritorio. Si un usuario visita cualquier página web, almacena su valor para que la cookie recuerde su nombre.
¿Cómo funcionan las cookies en JavaScript?
Cada vez que hacemos una solicitud al servidor, envía algunos datos a los navegadores de los usuarios en forma de cookie. En el navegador, tenemos algunas configuraciones para una cookie. El navegador puede aceptar la cookie. Si el navegador acepta la cookie que recibió en forma de par nombre-valor en el sistema del usuario. Por lo tanto, cada vez que un usuario visita cualquier página diferente en el navegador del sitio, envía la misma información sobre el usuario al servidor para informarle sobre los datos del usuario para su posterior recuperación.
Las cookies se almacenan en forma de texto sin formato. Parte de la propiedad de la cookie es la siguiente,
1. Nombre = valor par
La cookie se almacena en forma de pares de clave y valor y se recupera solo de la misma manera.
Ejemplo:
nombre de usuario = valor;
; max-age = max-age-in-segundos (por ejemplo, 60 * 60 * 24 * 365)
2. Caducar
Tenemos una fecha en la que caducarán estos datos, si no tenemos ningún valor para una fecha o está vacía, la cookie caducará cuando el usuario acceda al navegador o salga de ella.
Ejemplo:
; caduca = fecha en formato GMTString. Si no mencionamos caducar ni max-age, caducará cuando salga o finalice la sesión actual como se explicó anteriormente.
3. Seguro
Si este campo contiene la palabra "seguro", entonces no podemos recuperar la cookie, esto solo se puede recuperar del servidor seguro; de lo contrario, no existe tal tipo de restricción. Esta es otra forma de proteger nuestra información de usuario de servidores no confiables.
4. Anfitrión
Esto proporciona dos beneficios, uno es que nos permite usar una cookie del origen seguro, así como el alcance de la cookie también se limita al atributo de ruta que pasamos del servidor. Por lo tanto, cubre dos funciones, una para la seguridad y otra para el atributo de ruta.
Si el servidor no desea proporcionar el atributo de ruta, se utiliza el "directorio" de la solicitud. Para el navegador Chrome, el atributo de ruta siempre es el origen.
También señala que el atributo de dominio no está presente, lo que impide que la cookie se envíe a otros dominios mencionados.
5. Camino
Este es el camino que establece la cookie. Si esta ruta está en blanco, puede recuperar la cookie de cualquier página. El camino debe ser absoluto.
Ejemplo:
; ruta = ruta (por ejemplo, '/', '/ mypath')
6. Dominio
Contiene el nombre del sitio.
Ejemplo:
; samesite: protegerá al navegador del envío de esta cookie a cualquier otra página o solicitud entre sitios. Tiene dos valores posibles para la bandera.
El par clave = valor puede usar o el valor de cookie puede usar el URI codificado solo para garantizar que la cadena no contenga espacios en blanco, punto y coma, comas. El valor de la cookie no contiene todas las restricciones mencionadas anteriormente. Al usar JavaScript podemos crear, recuperar y eliminar la cookie. Para eso, utilizamos la propiedad de cookie del objeto de documento para poder manipular el objeto de cookie.
Por lo tanto, JavaScript puede crear, leer y modificar cookies en la página web actual.
Sintaxis de Cookies en JavaScript
Los siguientes son la sintaxis en JavaScript explicada en detalles,
1. Escribir una nueva cookie
Sintaxis:
document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;
La sintaxis anterior para mostrar solo un par clave = valor y otro es una forma de configurar varias cookies al mismo tiempo. Pero aquí el atributo Expire es opcional. Si proporcionamos a este atributo una fecha u hora válida, eliminará la cookie en esa fecha y hora; de lo contrario, no sucederá nada y la cookie seguirá siendo accesible.
Aquí estamos configurando el valor de propiedad de cookie del objeto de documento. En la sintaxis anterior document.cookie = value es una forma pf key = value. Necesitamos recordar una cosa al configurar el valor de una cookie que solo podemos configurar una cookie a la vez. (crear / actualizar)
Código:
function createCookie() (
if( document.myform.customer.value == "" ) (
alert("please enter some value.");
return;
)
cookievalue = escape(document.myform.customer.value) + ";";
document.cookie = "name=" + cookievalue;
document.write ("Cookies : " + "name=" + cookievalue );
)
Salida:
2. Cookie de lectura
Sintaxis:
allCookieValue = document.cookie
En la sintaxis anterior, allCookieValue contendrá todos los valores de cookie separados por un punto y coma, por lo que es básicamente una cadena separada por un punto y coma. En forma de clave = valor par.
3. Restablecer el valor de la cookie
Código:
function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)
¿Cómo eliminar una cookie en JavaScript?
A veces queremos eliminar algunas cookies de valor. Pero para eliminar el valor, simplemente establecemos el atributo de fecha de caducidad en algún valor pasado.
Código:
function WriteCookie()
(
var now = new Date();
now.setMonth( now.getMonth() + 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie="name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write ("Setting Cookies : " + "name=" + cookievalue );
)
Salida:
Conclusión
Entonces, las cookies básicamente resuelven el problema de cómo podemos recordar al usuario y su información. Se guarda como par de valor de perdición. Utiliza un método diferente para verificar si el usuario está conectado o no, por ejemplo, autentica el método de cookies. Sin este tipo de método, podemos decidir si el servidor debe enviar la información o no.
Artículos recomendados
Esta es una guía de Cookies en JavaScript. Aquí discutimos el funcionamiento, la sintaxis y cómo eliminar la cookie en javascript a. También puede consultar los siguientes artículos para obtener más información.
- Crear y eliminar cookies en PHP
- ¿Cómo funcionan las variables en JavaScript?
- Los 6 mejores compiladores de JavaScript
- ¿Cómo crear un objeto JavaScript?