Travailler avec des cookies à jQuery

Points clés

• jQuery.cookie, un plugin jQuery, simplifie le processus de création, de lecture et de supprimer des cookies. Il doit être téléchargé à partir de la base de code sur GitHub et inclus dans la page après la bibliothèque JQuery.
La méthode
• cookie () est utilisée pour créer et lire des cookies. La création d'un cookie nécessite deux paramètres: nom et valeur. Le troisième paramètre en option peut être un objet littéral contenant des options supplémentaires, telles que le chemin, le domaine, les expires et sécurisés. Pour lire le cookie, seul le paramètre de nom est requis.
• La suppression des cookies est effectuée en utilisant la méthode renoveCookie (). Les mêmes options utilisées lors de la création de cookies (tels que le chemin et le domaine) doivent être transmises pour supprimer avec succès les cookies.

Les cookies sont des technologies courantes pour les clients pour stocker des données. Mon article précédent "Comment gérer les cookies en JavaScript" explique comment effectuer des opérations CRUD sur les cookies à l'aide de JavaScript natif. Cet article se tourne vers jQuery et vous guidera à travers le plugin jQuery.cookie, ce qui rend la manutention des cookies simple. Cet article suppose que les lecteurs connaissent le contenu des articles susmentionnés, ou du moins ont une compréhension de base des cookies. Sans plus tarder, commençons.

Installation de jQuery.cookie

Tout d'abord, vous devez télécharger jQuery.cookie à partir de la base de code sur github. Une fois que vous avez obtenu le fichier jQuery.cookie.js, ajoutez-le simplement à vos page. Notez qu'en tant que plugin jQuery, vous devez l'inclure après la bibliothèque jQuery. Votre page doit contenir une section similaire au code suivant:

<🎜>
<🎜>

Méthode

jQuery.cookie utilise la même méthode cookie () pour créer et lire des cookies, mais le nombre de paramètres est différent. Pour créer un cookie, vous devez passer en deux paramètres requis, nom et valeur du cookie. Vous pouvez passer un troisième paramètre facultatif, qui est un objet littéral avec quelques options supplémentaires. Ces options sont le chemin, le domaine, expire et sécurisé. Il convient de noter que ces options peuvent être définies localement lorsque vous appelez la méthode cookie (), ou à l'échelle mondiale via l'objet $ .cookie.defaults. Les options définies avec le premier ont la priorité sur les options définies avec la seconde. Pour comprendre comment les cookies sont créés, regardons quelques exemples. L'exemple suivant suit le nombre de fois qu'un utilisateur visite un site Web:

$.cookie("visits", 10);

Cet exemple stocke les villes préférées de l'utilisateur et spécifie le domaine et le chemin que le cookie peut lire et écrire:

$.cookie("favourite-city", "London", {path: "/", domain: "jspro.com"});

Cet exemple stocke le nom de l'utilisateur. Ce cookie a expiré à 11h00 le 29 octobre 2013 et ne peut être envoyé que via une connexion sécurisée.

$.cookie("name", "Aurelio", {expires: new Date(2013, 10, 29, 11, 00, 00), secure: true});

Lire les cookies

La lecture des cookies est très facile. Il vous suffit de passer dans un paramètre, à savoir le nom du cookie, et de le lire, comme indiqué dans l'exemple suivant: Lisez le nombre de fois qu'un utilisateur visite le site Web:

console.debug($.cookie("visits")); // 打印 "10"

Lisez la ville préférée de l'utilisateur:

console.debug($.cookie("favourite-city")); // 打印 "London"

Lire le nom de l'utilisateur:

<🎜>
<🎜>

Supprimer les cookies

Maintenant, vous savez comment créer et lire des cookies. La dernière chose que vous devez savoir est de supprimer un cookie à l'aide de la méthode RemoveCookie (). Renvoie vrai si le cookie demandé est trouvé, sinon retournez faux. Notez que lorsque vous souhaitez supprimer des cookies, vous devez passer dans les mêmes options, telles que le chemin et le domaine, sinon l'opération échouera. Maintenant, regardons plusieurs exemples de la méthode renoveCookie (). Supprimer les cookies qui stockent le nombre de visites sur le site:

$.cookie("visits", 10);

Supprimer les cookies qui stockent les utilisateurs comme les villes:

$.cookie("favourite-city", "London", {path: "/", domain: "jspro.com"});

Ensuite, nous essayons de supprimer le cookie qui stocke le nom de l'utilisateur. Cet exemple échoue car la valeur sécurisée n'est pas spécifiée.

$.cookie("name", "Aurelio", {expires: new Date(2013, 10, 29, 11, 00, 00), secure: true});

Conclusion

Cet article vous montre comment gérer les cookies à l'aide de jQuery.cookie (un plugin jQuery). Il résout de nombreux problèmes en abstraction des détails de mise en œuvre des cookies dans plusieurs méthodes simples et flexibles. Si vous avez besoin d'instructions supplémentaires ou d'autres exemples, veuillez vous référer à la documentation officielle. Si vous aimez lire cet article, vous allez adorer l'apprentissage; vous pouvez apprendre les dernières compétences et techniques des maîtres. Les membres peuvent accéder instantanément à tous les livres électroniques de SitePoint et aux cours en ligne interactifs, tels que jQuery: du débutant à ninja: nouveaux conseils et conseils. Les commentaires de cet article ont été fermés. Vous avez des questions sur jQuery? Pourquoi ne pas poser de questions sur notre forum? *

FAQ sur les cookies jQuery (FAQ)

Comment définir des cookies à l'aide de jQuery?

Faire des cookies avec jQuery est très simple. Vous pouvez utiliser la fonction $ .cookie pour définir des cookies. Voici un exemple:

$. Cookie ('cookie_name', 'cookie_value');

Dans cet exemple, «cookie_name» est le nom du cookie et «cookie_value» est la valeur à stocker dans le cookie. Cela créera un cookie qui expire à la fin de la session du navigateur. Si vous souhaitez définir une date d'expiration spécifique, vous pouvez ajouter l'objet d'option comme troisième paramètre:

$. Cookie ('cookie_name', 'cookie_value', {expire: 7});

Cela créera un cookie qui expire après 7 jours.

Comment lire les cookies à l'aide de jQuery?

Il est également très facile de lire les cookies à l'aide de jQuery. Vous pouvez à nouveau utiliser la fonction $ .cookie, mais cette fois sans utiliser le deuxième paramètre. Voici un exemple:

var cookie_value = $ .cookie ('cookie_name');

Dans cet exemple, «cookie_name» est le nom du cookie à lire. Cette fonction renverra la valeur du cookie.

Comment supprimer des cookies à l'aide de jQuery?

Pour utiliser jQuery pour supprimer des cookies, vous pouvez utiliser la fonction $ .removeCookie. Voici un exemple:

$. RemoveCookie ('cookie_name');

Dans cet exemple, «cookie_name» est le nom du cookie à supprimer. Cela supprimera les cookies du navigateur.

(La réponse FAQ suivante est similaire à la sortie précédente. Le contenu en double est omis ici pour garder la réponse concise.)

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!