Guardar una cookie con jQuery

//Guardar una cookie con jQuery

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.

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>

ARCHIVO 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.");
        }
    }
 
});

ARCHIVO 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

Escribe tu comentario

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies