Cookie de JavaScript

Las cookies le permiten almacenar información en el navegador web del usuario.

¿Qué es una cookie?

Una cookie es un pequeño archivo de texto que le permite almacenar una cantidad pequeña de datos en el computadora del usuario (cerca de4KB).

Después de que el servidor web envía la página web al navegador, la conexión se cerrará y el servidor olvidará toda la información sobre el usuario.

Se inventaron las cookies para resolver el problema de

Las cookies se almacenan en forma de pares de

username = Seagull

Cuando el navegador solicita una página web al servidor, las cookies que pertenecen a la página se agregan a la solicitud. De esta manera, el servidor obtiene los datos necesarios para

Crear Cookie usando JavaScript

En JavaScript, se puede usardocument.cookiePropiedades de creación, lectura y eliminación de Cookie.

Se puede crear un cookie de esta manera:

　　document.cookie = "username=Seagull";

También puede agregar una fecha de expiración (en UTC). Por defecto, el cookie se elimina cuando se cierra el navegador:

　　document.cookie = "username=Seagull; expires=Mon,　25　Mar　2019　12:00:00 UTC";

Usando el parámetro path, puede informar al navegador qué cookie pertenece a qué ruta. Por defecto, el cookie pertenece a la página actual:

　　document.cookie = "username=Seagull; expires=Mon,　25　Mar　2019　12:00:00 UTC; path=/";

Leer Cookie usando JavaScript

En JavaScript, se puede leer el cookie de esta manera:

　　var x = document.cookie;

Leer cookie es un poco más complicado porque eldocument.cookieLa propiedad solo devuelve una cadena separada por espacios que contiene una lista de cookies con puntos y comas (por ejemplo, nombre=valor, por ejemplo cookie1 = value; cookie2 = value; cookie3 = value). Para obtener un solo cookie de esta lista, debe usarsplit()Método para dividirlo en pares de nombre = valor individuales y buscar un nombre específico.

Esta cadena no contiene propiedades como expires, path, domain, etc., que podrían pertenecer a un conjunto de Cookie.

Cambiar Cookie usando JavaScript

El único método para cambiar o modificar un cookie es crear uno con el mismo nombre de cookie y path existente.

　　document.cookie = "username=Ankit; expires=Mon,　25　Mar　2019　12:00:00 UTC; path=/";

Nota:Crear un cookie con el mismo nombre pero con un path de cookie diferente no cambiará el cookie existente, sino que agregará un cookie adicional.

Eliminar Cookie usando JavaScript

Borrar Cookie es muy fácil. Borrar Cookie：

• Basta con usar el mismo nombre de configuración y especificar un valor vacío

• o configure el parámetro expires con la fecha transcurrida

　　document.cookie = "username=; expires=Thu, 01　Ene　1970 00:00:00 UTC; path=/";

Recuerde que si su path de cookie se especificó u otra propiedad,还应包括它们在删除它时。

Ejemplo de JavaScript Cookie

En el siguiente ejemplo, crearemos un cookie que almacena el nombre de usuario.

Cuando el usuario visite la página por primera vez, se le pedirá que/Ella llenará su nombre. Luego almacenará ese nombre en el cookie.

Cuando el usuario visite la misma página la próxima vez, él/Obtendrá el valor almacenado en el cookie.

Para el ejemplo, crearemos2Un JavaScript function:

• Función para establecer el valor del cookie

• Función para obtener el valor del cookie

Almacenar cookie

Primero, creamos una función que almacena el nombre del visitante en la variable del cookie.

function setCookie(cname, cvalue) {
　　var now = new Date();
　　now.setMonth(now.getMonth()　+　1);
　　var expires = "expires=";+　now.toUTCString();
　　document.cookie = cname;　+　"=="　+　cvalue　+　";　+　expires　+　";path=/";
}

Descripción de la función:

Los parámetros de la función anterior son el nombre del cookie (cname) y el valor del cookie (cvalue).

Esta función establece el cookie mediante la combinación del nombre del cookie, el valor del cookie y la cadena expires (1Sumar los meses juntos para establecer el cookie.

Leer cookie

Luego, creamos una función que muestra el valor del cookie especificado.

function getCookie(cname) {
　　var allcookies = document.cookie;
　　cookieArr = allcookies.split(';');
　　for(var i = 0; i < cookieArr.length; i++) {
　　　　　var cookiePair = cookieArr[i].split("=");
　　　　　if(cname == cookiePair[0].trim()) {
　　　　　　　　document.write("Clave es: "　+　cookiePair[0]　+　" y Valor es: "　+　cookiePair[1});
　　　　　}
　　}
}

Descripción de la función:

Esta función toma el nombre del cookie como parámetro (cname).

Obtener todos los cookies (allcookies = document.cookie).

Dividir document.cookie en un array llamado cookieArr con la ayuda de los puntos y comas (cookieArr = allcookies.split(';'')).

Recorrer el array cookieArr (i = 0; i <cookieArr.length; i ++]), y se lee cada valor (cookiePair = cookieArr [i]).

Si se encuentra el cookie (cname == cookiePair [0]), se escribe la clave y el valor del cookie (cookiePair [0], cookiePair [1]).

Juntos

function setCookie(cname, cvalue) {
　　var now = new Date();
　　now.setMonth(now.getMonth()　+　1);
　　var expires = "expires=";+　now.toUTCString();
　　document.cookie = cname;　+　"=="　+　cvalue　+　";　+　expires　+　";path=/";
}
function getCookie(cname) {
　　var allcookies = document.cookie;
　　cookieArr = allcookies.split(';');
　　for(var i = 0; i < cookieArr.length; i++) {
　　　　　var cookiePair = cookieArr[i].split("=");
　　　　　if(cname == cookiePair[0].trim()) {
　　　　　　　　　　　document.write("Clave es: "　+　cookiePair[0]　+　" y Valor es: "　+　cookiePair[1});
　　　　　}
　　}
}

Atributos de cookies

Cookies tienen5Un registro de datos de texto puro de una propiedad: