Tecnología

Inicio

JavaScript y Cookies Tutorial

JavaScript y Cookies Tutorial


Javascript proporciona a los programadores la lengua para crear, recuperar y leer cookies en el navegador del usuario. Las cookies son pequeños archivos colocados en la máquina del usuario al visitar una página web. Los programadores utilizan cookies para guardar la configuración del sitio web. Al hacer clic en la opción de "Remember Me" en un formulario de inicio de sesión, el sitio utiliza una cookie para detectar su nombre de usuario. Crear, leer y borrar una cookie son las tres funciones principales para la comprensión de cómo funcionan las cookies con Javascript.

Instrucciones

1 Crear una cookie Javascript. El primer proceso en el uso de las cookies con los usuarios del sitio web es crear uno en la máquina del cliente. El siguiente código crea una cookie en el ordenador del usuario:

document.cookie = 'NewCookie valor = Sitio web de la galleta; expira = Sáb 4 Agos 2009; path = / '

El código anterior crea una cookie llamada "NewCookie." El valor guardado en el archivo cookie es "valor de la cookie sitio web." La fecha de vencimiento fija un tiempo para que la cookie que desea eliminar. Esto significa que la cookie ya no está disponible en su código del sitio web después de esta fecha.

2 Leer la cookie del navegador del usuario. La próxima vez que el usuario visita su sitio web, usted puede detectar y leer el valor de la cookie. La lectura de una cookie requiere más código. Las cookies se establecen como formato "cookieName = Valor". Esto significa que necesita para dividir la cookie desde el valor utilizando el operador "=". Esto se logra mediante el siguiente código:

cookie_start = cookie_start + cookie_name.length + 1;
cookie_end = document.cookie.indexOf ( ";", cookie_start);
si (cookie_end == - 1) = cookie_end document.cookie.length;
document.cookie.substring (cookie_start, cookie_end));

Este trozo de código Javascript determina el lugar en el signo igual se encuentra en la cookie. La primera línea de código determina la ubicación del signo igual y recupera todo el texto desde esa ubicación hasta el final del valor de la cookie. Esto recupera sólo el valor de la cookie. El variables "cookie_end" "cookie_start" y contienen el nombre y el valor par de la galleta, que se imprime en el navegador en la última línea.

3 Eliminar una cookie mediante el establecimiento de su expiración a una fecha anterior. Por ejemplo, si se establece la fecha para un día antes de la fecha de acceso a la web, a continuación, la cookie se elimina del navegador del usuario. A continuación se elimina una cookie de la máquina de tu usuario:

var ExpirationDate = new Date ();
expirationDate.setDate (expirationDate.getDate () - 1);
document.cookie = 'NewCookie = valor de la cookie Sitio Web;' + ExpirationDate;

Las dos primeras líneas de código recuperar la fecha actual y restar un día para ella. Esta fecha pasada se fija a continuación al texto de la página web de la galleta. Tan pronto como se ejecuta este código, la cookie del usuario se elimina de la máquina.