Guardar una cookie con jQuery con un valor y una duración determinada. Las cookies son archivos con una pequeña información enviada por una página web que se almacena en el navegador del usuario. Es importante que los desarrolladores conozcan la regulación de cookies y protección de datos para asegurar que sus implementaciones cumplan con la legislación española vigente.
¿Cómo crear el archivo HTML?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Guardar una cookie con jQuery - Generacionweb</title>
<link rel="stylesheet" href="css/style.css" />
<script src="https://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<div class="content">
<h1>Guardar una cookie con jQuery</h1>
<p>La primera vez que carga la web, se guarda una cookie con duración de 1 día y saltará una alerta con el mensaje<br>
<strong>Cookie creada y guardada.</strong>.</p>
<br/>
<p>La segunda vez que entres en la web, si es en menos de 1 día desde la última vez que entraste, comprueba que existe la cookie y saldrá el mensaje : <br/>
<strong>Ya existe la cookie en el ordenador.</strong>.</p>
</div>
</body>
</html>
¿Cómo guardar una cookie con jQuery?
// JavaScript Document
$(document).ready(function() {
$(window).load(function(){
comprueba_cookies();
});
//COMPRUEBA COOKIES
var comprueba_cookies = function (){
if ($.cookie("MI_PRIMERA_COOKIE") != null) {
alert ("Ya existe la cookie en el ordenador.");
}else{
$.cookie('MI_PRIMERA_COOKIE', 'MI_COOKIE', { expires: 1 });
lacookie = $.cookie('MI_PRIMERA_COOKIE');
alert ("Cookie creada y guardada.");
}
}
});
¿Cómo estilar con CSS?
/* CSS Document */
body{
background:#81d742;
margin:0;
}
.content{
width:1000px;
margin-top:50px;
min-height:600px;
background:#fff;
margin:0 auto;
padding:20px;
}
Descargar Guardar una cookie con jQuery
Cómo guardar cookies con jQuery
- Las cookies son archivos pequeños que se almacenan en el navegador del usuario con información de la página web
- Se utiliza jQuery.cookie() para crear una cookie con un valor y duración determinada en el código
- La cookie se guarda con una duración de 1 día y muestra una alerta al crearla por primera vez
- Se verifica si existe la cookie al cargar la página usando la función comprueba_cookies()
- Si la cookie ya existe dentro del período de 1 día, el navegador lo detecta y muestra un mensaje diferente
