Maison > interface Web > js tutoriel > Explication détaillée sur la façon d'utiliser jQuery.cookie.js et les paramètres associés

Explication détaillée sur la façon d'utiliser jQuery.cookie.js et les paramètres associés

小云云
Libérer: 2018-01-23 13:40:58
original
1611 Les gens l'ont consulté

Cet article partage principalement avec vous l'utilisation d'un plug-in de cookies léger qui peut lire, écrire et supprimer les cookies. Cet article présente principalement l'utilisation de jQuery.cookie.js et l'explication des paramètres associés. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

L'opération de cookie doit être téléchargée sur le serveur pour voir les résultats. Elle ne peut pas être visualisée localement

La configuration de jquery.cookie.js

. Incluez d’abord le fichier de bibliothèque jQuery, puis incluez le fichier de bibliothèque pour jquery.cookie.js.

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
Copier après la connexion

Utilisation

1. Ajouter un nouveau cookie de session :

$.cookie('the_cookie', 'the_value');
Copier après la connexion

Remarque : Lorsque la période de validité du cookie n'est pas spécifiée, la période de validité du cookie créé est celle par défaut. à Cela dure jusqu'à ce que l'utilisateur ferme le navigateur, c'est pourquoi on l'appelle

"cookie de session".

2. Créez un cookie et fixez la durée de validité à 7 jours :

$.cookie('the_cookie', 'the_value', { expires: 7 });
Copier après la connexion

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

3. Créez un cookie et définissez le chemin effectif du cookie :

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
Copier après la connexion

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. Lisez le cookie :

5. Supprimez le cookie en passant null comme valeur du cookie :
$.cookie('the_cookie'); // cookie存在 => 'the_value' 
$.cookie('not_existing'); // cookie不存在 => null
Copier après la connexion

----- -- ---Explication des paramètres associés---------------
$.cookie('the_cookie', null);
Copier après la connexion

1).expire : 365

Définir la durée de validité du cookie, la valeur peut être Est un nombre (en jours depuis la création du cookie) ou un objet Date

. En cas d'omission, le cookie créé est un cookie de session et sera supprimé lorsque l'utilisateur quittera le navigateur.

2).path : '/'

Par défaut : seule la page Web qui définit le cookie peut lire le cookie.

Définissez le chemin valide du cookie. Par défaut, la valeur de ce paramètre est le chemin d'accès à la page Web qui a créé le cookie (comportement standard du navigateur).

Si vous souhaitez accéder à ce cookie sur l'ensemble du site, vous devez définir le chemin effectif comme ceci : chemin : '/'. Si vous souhaitez supprimer un cookie avec un chemin valide défini

, vous devez inclure ce chemin lors de l'appel de la fonction : $.cookie('the_cookie', null,

Default value : Le nom de domaine appartenant à la page Web qui a créé le cookie
{ path: '/' });。 domain: 'example.com'
Copier après la connexion

3).secure : true

Valeur par défaut : false. Si cela est vrai, la transmission des cookies nécessite l'utilisation d'un protocole sécurisé (HTTPS).

4).raw : vrai

Valeur par défaut : faux.

Par défaut, les cookies sont automatiquement encodés et décodés lors de la lecture et de l'écriture (utilisez encodeURIComponent pour encoder,

decodeURIComponent pour décoder). Pour désactiver cette fonctionnalité, définissez raw: true.

Recommandations associées :


jQuery combiné avec le plug-in jQuery.cookie.js pour implémenter un exemple de fonction de changement de skin

jQuery+jQuery. Exemple de code pour le plug-in cookie.js pour implémenter la fonction de changement de skin

Problèmes rencontrés lors de l'utilisation de Jquery.cookie.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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