Cookies en JavaScript: ejemplo de configuración, obtención y eliminación

¿Qué son las cookies?

Una cookie es un fragmento de datos que se almacena en su computadora para que su navegador pueda acceder a él. Es posible que también hayas disfrutado de los beneficios de las cookies.wingmentiroso o desconocidowingly. ¿Alguna vez has guardado tu contraseña de Facebook para no tener que escribirla cada vez que intentas iniciar sesión? En caso afirmativo, entonces está utilizando cookies. Las cookies se guardan como pares clave/valor.

¿Por qué necesitas una galleta?

La comunicación entre un navegador web y el servidor ocurre usando un protocolo sin estado llamado HTTP. El protocolo sin estado trata cada solicitud de forma independiente. Por lo tanto, el servidor no conserva los datos después de enviarlos al navegador. Pero en muchas situaciones, los datos serán necesarios nuevamente. Aquí vienen las galletas en una imagen. Con las cookies, el navegador web no tendrá que comunicarse con el servidor cada vez que se requieran los datos. En cambio, se puede recuperar directamente desde la computadora.

Cookie de conjunto de JavaScript

Puede crear cookies utilizando el documento. propiedad de cookie 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 vencimiento debe establecerse en formato UTC/GMT. Si no establece la fecha de caducidad, 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 a qué dominio y a qué directorios del dominio específico pertenece la cookie. De forma predeterminada, una cookie pertenece a la página que establece 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.

JavaScript obtiene cookie

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

var x =  document.cookie

Eliminar cookie de JavaScript

Para eliminar una cookie, solo necesita establecer el valor de la cookie en vacío y establecer el valor de caducidad en una fecha pasada.

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

Pruebe este ejemplo usted mismo

Instrucciones especiales para que el código funcione... Presione el botón ejecutar dos veces

<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>