Comment utiliser le plug-in JS Cookie

Cette fois, je vais vous montrer comment faire fonctionner le plug-in JS Cookie, et quelles sont les précautions à prendre pour faire fonctionner le plug-in JS Cookie. Ce qui suit est un cas pratique, jetons un coup d'œil.

Les cookies sont de petits fichiers texte placés côté client par les concepteurs de sites Web. Généralement, les langages backend sont couramment utilisés et peuvent répondre à certains besoins personnalisés des utilisateurs. Le plug-in js-cookie est un plug-in JS qui exploite les cookies. Le fichier source ne fait que 3,34 Ko, ce qui est très léger. js-cookie prend également en charge l'installation et la gestion de npm et Bower. Jetons un coup d'œil à l'utilisation spécifique de js-cookie.

Une API JavaScript simple et légère pour gérer les cookies

Fonctionne dans tous les navigateurs
Accepte n'importe quel caractère
Fortement testé
Aucune dépendance
Support JSON discret
Prend en charge AMD/CommonJS
Conforme RFC 6265
Wiki utile
Activer l'encodage/décodage personnalisé
~900 octets compressés !

Méthode de référence :

1 , présentez js-cookie.js

1. Buvez du cdn directement :

2. Après le téléchargement local :

3. Pendant le développement modulaire : importer les cookies de 'js-cookie'

2 API et méthodes couramment utilisées de js-cookie.js

. a. Définir un cookie

Cookies.set('name', 'value', { expires: 7, path: '' });//Expire dans 7 jours

Cookies.set('name', { foo: 'bar' });//Définir un json

b. Lire le cookie

Cookies.get('name');//Obtenir les cookies

Cookies.get(); #Lire tous les cookies

c, supprimer les cookies

Cookies.remove('name'); #Le même chemin doit être utilisé lors de la suppression des cookies .

Ce qui suit est une introduction aux pays étrangers

Utilisation de base

Créer un cookie, valable sur l'ensemble du site :

Cookies.set('name', 'value');

Créez un cookie expirant dans 7 jours, valable sur l'ensemble du site :

Cookies.set('name', 'value', { expires: 7 });

Créez un cookie expirant, valable au chemin de la page actuelle :

Cookies.set('name', 'value', { expires: 7, path: '' });

Lire le cookie :

Cookies.get('name'); >Cookies. get('nothing'); // => undefined

Cookies.get(); // => { name: 'value' }

Cookies.remove('name');

Cookies.set('name', 'value', { path: ' ' }) ;

Cookies.remove('name'); // échec !
Cookies.remove('name', { path: '' }); // supprimé !

Conflits d'espace de noms

var Cookies2 = Cookies.noConflict();

Cookies2.set('name', 'value');

JSON

js-cookie fournit un stockage JSON discret pour les cookies.

Lors de la création d'un cookie, vous pouvez transmettre un tableau ou un littéral d'objet au lieu d'une chaîne dans le Si vous le faites, js-cookie stockera la représentation sous forme de chaîne de l'objet selon JSON.stringify :

Cookies.set('name', { foo: 'bar' });

Lors de la lecture d'un cookie avec l'API Cookies.get par défaut. , vous recevez la représentation sous forme de chaîne stockée dans le cookie :

Cookies.get('name'); // => '{"foo":"bar"}'
Cookies.get(); // => { name: '{"foo":"bar"}' }

Lors de la lecture d'un cookie avec l'API Cookies.getJSON, vous recevez la représentation analysée de la chaîne stockée dans le cookie selon JSON.parse :

Cookies.getJSON('name'); // => { foo: 'bar' }
Cookies.getJSON(); // => { name: { foo: 'bar' } }

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Node crée un outil de ligne de commande personnalisé

Le code JS crée un aperçu du téléchargement de fichier txt

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!