Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 15:28:34
original
1199 Les gens l'ont consulté

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> 
Copier après la connexion

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
Copier après la connexion
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 
    } 
  }); 
Copier après la connexion
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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal