Comment puis-je définir/annuler un cookie avec jQuery?

Mise À Jour En Avril 2019

jQuery n'est pas nécessaire pour les cookie de lecture/de manipulation, donc ne l'utilisez pas l'original de la réponse ci-dessous.

Aller à https://github.com/js-cookie/js-cookie au lieu de cela, et d'utiliser la bibliothèque, qui ne dépend pas de jQuery.

De base exemples:

//Set a cookie
Cookies.set('name', 'value');

//Read the cookie
Cookies.get('name') => //=> 'value'

Voir la documentation sur github pour plus de détails.

---

Voir le plugin:

https://github.com/carhartl/jquery-cookie

Vous pouvez alors:

$.cookie("test", 1);

À supprimer:

$.removeCookie("test");

En outre, pour définir un délai d'attente d'un certain nombre de jours (10) sur le biscuit:

$.cookie("test", 1, { expires : 10 });

Si l'expiration de l'option est omise, alors le cookie devient un cookie de session et sont supprimés lorsque le navigateur se ferme.

Pour couvrir toutes les options:

$.cookie("test", 1, {
   expires : 10,           //Expires in 10 days

   path    : '/',          //The value of the path attribute of the cookie
                           //(Default: path of page that created the cookie).

   domain  : 'jquery.com', //The value of the domain attribute of the cookie
                           //(Default: domain of page that created the cookie).

   secure  : true          //If set to true the secure attribute of the cookie
                           //will be set and the cookie transmission will
                           //require a secure protocol (defaults to false).
});

Lire la valeur du cookie:

var cookieValue = $.cookie("test");

Vous pouvez spécifier le paramètre path si le cookie a été créé sur un chemin différent de l'actuel:

var cookieValue = $.cookie("test", { path: '/foo' });

Mise à JOUR (avril 2015):

Comme indiqué dans les commentaires ci-dessous, l'équipe qui a travaillé sur le plugin original a supprimé le jQuery de dépendance dans un nouveau projet (https://github.com/js-cookie/js-cookie) qui a la même fonctionnalité et la syntaxe générale que la version jQuery. Apparemment le plugin original n'est pas d'aller n'importe où si.

<script type="text/javascript">
        function setCookie(key, value) {
            var expires = new Date();
            expires.setTime(expires.getTime() + (1 * 24 * 60 * 60 * 1000));
            document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
        }

        function getCookie(key) {
            var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
            return keyValue ? keyValue[2] : null;
        }
</script>

Vous pouvez paramétrer les cookies comme

setCookie('test','1');

Vous pouvez obtenir les cookies comme

getCookie('test');

Espère qu'il vous aide à quelqu'un 🙂

EDIT:

Si vous souhaitez enregistrer le chemin d'accès de cookie pour la page d'accueil, seul, puis faire comme

function setCookie(key, value) {
                var expires = new Date();
                expires.setTime(expires.getTime() + (1 * 24 * 60 * 60 * 1000));
                document.cookie = key + '=' + value +';path=/'+ ';expires=' + expires.toUTCString();
            }

Grâce,
vicky

Voici mon module global j'utilise -

var Cookie = {   

   Create: function (name, value, days) {

       var expires = "";

        if (days) {
           var date = new Date();
           date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
           expires = "; expires=" + date.toGMTString();
       }

       document.cookie = name + "=" + value + expires + "; path=/";
   },

   Read: function (name) {

        var nameEQ = name + "=";
        var ca = document.cookie.split(";");

        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == " ") c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }

        return null;
    },

    Erase: function (name) {

        Cookie.create(name, "", -1);
    }

};

Un exemple simple de définir des cookies dans votre navigateur:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery.cookie Test Suite</title>
<script src="jquery-1.9.0.min.js"></script>
<script src="jquery.cookie.js"></script>
<script src="JSON-js-master/json.js"></script>
<script src="JSON-js-master/json_parse.js"></script>
<script>
$(function() {
if ($.cookie('cookieStore')) {
var data=JSON.parse($.cookie("cookieStore"));
$('#name').text(data[0]);
$('#address').text(data[1]);
}
$('#submit').on('click', function(){
var storeData = new Array();
storeData[0] = $('#inputName').val();
storeData[1] = $('#inputAddress').val();
$.cookie("cookieStore", JSON.stringify(storeData));
var data=JSON.parse($.cookie("cookieStore"));
$('#name').text(data[0]);
$('#address').text(data[1]);
});
});
</script>
</head>
<body>
<label for="inputName">Name</label>
<br /> 
<input type="text" id="inputName">
<br />      
<br /> 
<label for="inputAddress">Address</label>
<br /> 
<input type="text" id="inputAddress">
<br />      
<br />   
<input type="submit" id="submit" value="Submit" />
<hr>    
<p id="name"></p>
<br />      
<p id="address"></p>
<br />
<hr>  
</body>
</html>

Simple, il suffit de copier/coller et utiliser ce code pour définir votre cookie.

Vous pouvez utiliser la bibliothèque sur Mozilla site ici

Vous serez en mesure de définir et obtenir des cookies comme cela

docCookies.setItem(name, value);
docCookies.getItem(name);

Je sais qu'il ya beaucoup de grandes réponses. Souvent, j'ai seulement besoin de lire les cookies et je ne veux pas créer de surcharge par le chargement de bibliothèques ou de définir des fonctions.

Ici est comment lire des cookies sur une seule ligne de javascript. J'ai trouvé la réponse dans Guilherme Rodrigues article du blog:

('; '+document.cookie).split('; '+key+'=').pop().split(';').shift()

Ce lit le cookie nommé key, agréable, propre et simple.

$.cookie("test", 1); //set cookie
$.cookie("test"); //get cookie
$.cookie('test', null); //delete cookie