Apprenez rapidement le plug-in jQuery Comment utiliser Cookie plug-in_jquery

Les cookies sont de petits fichiers texte placés sur le client par les concepteurs de sites Web. Les cookies peuvent offrir de nombreux avantages aux utilisateurs. Par exemple, les sites Web commerciaux stockent les listes de produits que les utilisateurs ont consultés, ou les sites Web portails mémorisent les types d'actualités que les utilisateurs aiment parcourir. Avec l'autorisation de l'utilisateur, les informations de connexion de l'utilisateur peuvent également être stockées afin que l'utilisateur n'ait pas à saisir ces informations à chaque fois qu'il visite le site Web
Utilisation :
1.Introduire jquery.cookie.js

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> 
<script src="scripts/jquery.cookie.js" type="text/javascript"></script> 

2. Méthode

1). Ajouter un nouveau cookie de session : $.cookie('the_cookie', 'the_value');

Remarque : Lorsque la durée de validité du cookie n'est pas précisée, le cookie créé sera valide jusqu'à ce que l'utilisateur ferme le navigateur par défaut, il est donc appelé "cookie de session".

2). Créez un cookie et fixez la durée de validité à 7 jours : $.cookie('the_cookie', 'the_value', { expires: 7 });

Remarque : Lorsque la durée de validité du cookie est précisée, le cookie créé est appelé « cookie persistant (cookie persistant) ».

3). Créez un cookie et définissez le chemin effectif du cookie : $.cookie('the_cookie', 'the_value', { expires: 7, path: ' /'});

Remarque : Par défaut, seule la page Web qui définit le cookie peut lire le cookie. Si vous souhaitez qu'une page lise le cookie défini par une autre page, vous devez définir le chemin du cookie. Le chemin d'accès au cookie est utilisé pour définir le répertoire de niveau supérieur pouvant lire le cookie. Définir ce chemin comme répertoire racine du site Web permet à toutes les pages Web de lire les cookies des autres (ne définissez généralement pas cela pour éviter les conflits).

4). Lire le cookie :

$.cookie('the_cookie'); // cookie存在 => 'the_value'

$.cookie('not_existing'); // cookie不存在 => null

5). Supprimez le cookie en passant null comme valeur du cookie :

$.cookie('the_cookie', null);

3. Écrivez le cookie dans le fichier

 var COOKIE_NAME = 'username'; 
  if( $.cookie(COOKIE_NAME) ){ 
    $("#username").val( $.cookie(COOKIE_NAME) ); 
  } 
  $("#check").click(function(){ 
    if(this.checked){ 
      $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 }); 
      //var date = new Date(); 
      //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期 
      //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); 
    }else{ 
      $.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie 
    } 
  }); 

Réglages des paramètres :

expire : (Nombre | Date) : Période de validité, vous pouvez définir un entier comme période de validité (unité : jours), ou vous pouvez définir un objet date comme date d'expiration de le biscuit. Si la date spécifiée est un nombre négatif, alors ce cookie sera supprimé ; s'il n'est pas défini ou défini sur null, alors ce cookie sera traité comme un cookie de session et supprimé après la fermeture du navigateur
path : (String) : Attribut de chemin du cookie, la valeur par défaut est le chemin de la page où le cookie est créé
domaine : (String) : L'attribut de nom de domaine du cookie. La valeur par défaut est le nom de domaine de la page qui a créé le cookie .
secure : (Booléen) : S'il est défini sur true, la transmission de ce cookie nécessitera un protocole sécurisé, tel que HTTPS. Ce qui précède est un résumé de la façon d'utiliser le plug-in Cookie à partir de plusieurs articles compilés par l'éditeur. J'espère que cela pourra aider tout le monde.