Saltar al contenido

Ejemplo de configuración, búsqueda y eliminación

¿Qué son las cookies?

Una cookie es un dato que se almacena en su computadora para que su navegador pueda acceder a él. Es posible que le hayan gustado los beneficios de las cookies a sabiendas o sin saberlo. ¿Alguna vez ha guardado su contraseña de Facebook para no tener que escribirla cada vez que intenta iniciar sesión? Si es así, está utilizando cookies. Las cookies se guardan como pares clave / valor.

¿Por qué necesitas una galleta?

La comunicación entre un navegador web y un servidor se realiza mediante un protocolo sin estado llamado HTTP. Un protocolo sin estado maneja cada solicitud de forma independiente. Entonces, el servidor no retiene los datos después de enviarlos al navegador. Pero en muchos casos, los datos serán necesarios nuevamente. Aquí hay cookies en una imagen. Con las cookies, el navegador web no tendrá que comunicarse con el servidor cada vez que se necesiten datos. En cambio, se puede obtener directamente de la computadora.

Establecer cookie de JavaScript

Puede crear cookies utilizando un documento. propiedades de cookies como esta.

document.cookie = "cookiename=cookievalue"

Incluso puede agregar una fecha de vencimiento a su cookie para que la cookie en particular se elimine de la computadora en la fecha especificada. La fecha de caducidad debe establecerse en formato UTC / GMT. Si no establece una fecha de vencimiento, la cookie se eliminará cuando el usuario cierre el navegador.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

También puede configurar el dominio y la ruta para especificar qué dominio y directorios en el campo específico al que pertenece la cookie. De forma predeterminada, una cookie está asociada con la página que configura la cookie.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

// crea una cookie con un dominio a la página actual y una ruta a todo el dominio.

Obtener cookie de JavaScript

Puede acceder a la cookie de esta manera, que devolverá todas las cookies guardadas al dominio actual.

var x =  document.cookie

Eliminar cookie de JavaScript

Para eliminar una cookie, solo necesita configurar el valor de la cookie para vaciar el valor de la caducada y configurarla con una fecha de caducidad.

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

Pruebe este ejemplo usted mismo:

<html>
<head>
	<title>Cookie!!!</title>
	<script type="text/javascript">
		function createCookie(cookieName,cookieValue,daysToExpire)
        {
          var date = new Date();
          date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
          document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
        }
		function accessCookie(cookieName)
        {
          var name = cookieName + "=";
          var allCookieArray = document.cookie.split(';');
          for(var i=0; i<allCookieArray.length; i++)
          {
            var temp = allCookieArray[i].trim();
            if (temp.indexOf(name)==0)
            return temp.substring(name.length,temp.length);
       	  }
        	return "";
        }
		function checkCookie()
        {
          var user = accessCookie("testCookie");
          if (user!="")
        	alert("Welcome Back " + user + "!!!");
          else
          {
            user = prompt("Please enter your name");
            num = prompt("How many days you want to store your name on your computer?");
            if (user!="" && user!=null)
            {
            createCookie("testCookie", user, num);
            }
          }
        }
	</script>
</head>
<body onload="checkCookie()"></body>
</html>

Instrucciones especiales para que el código funcione … Presione el botón actual dos veces

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *