So bedienen Sie das JS-Cookie-Plugin

Dieses Mal zeige ich Ihnen, wie Sie das JS-Cookie-Plug-in bedienen und welche Vorsichtsmaßnahmen für den Betrieb des JS-Cookie-Plug-ins gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Cookies sind kleine Textdateien, die von Website-Designern auf der Clientseite platziert werden. Im Allgemeinen werden Backend-Sprachen häufig verwendet und können einige personalisierte Bedürfnisse der Benutzer erfüllen. Das js-cookie-Plugin ist ein JS-Plugin, das Cookies betreibt. Die Quelldatei ist nur 3,34 KB groß, was sehr leicht ist. js-cookie unterstützt auch die Installation und Verwaltung von npm und Bower. Werfen wir einen Blick auf die spezifische Verwendung von js-cookie.

Eine einfache, leichte JavaScript-API für den Umgang mit Cookies

Funktioniert in allen Browsern
Akzeptiert jedes Zeichen
Ausgiebig getestet
Keine Abhängigkeit
Unauffällige JSON-Unterstützung
Unterstützt AMD/CommonJS
RFC 6265-kompatibel
Nützliches Wiki
Benutzerdefinierte Kodierung/Dekodierung aktivieren
~900 Byte gezippt!

Referenzmethode:

1 , stellen Sie js-cookie.js vor

1. Trinken Sie cdn direkt:

2. Nach dem lokalen Herunterladen:

3. Während der modularen Entwicklung: Cookies aus „js-cookie“ importieren

2. Häufig verwendete APIs und Methoden von js-cookie.js

a. Cookie setzen

Cookies.set('name', 'value', { expires: 7, path: '' });//Läuft in 7 Tagen ab

Cookies.set('name', { foo: 'bar' });//Setze einen JSON

b. Cookie lesen

Cookies.get('name');//Cookies abrufen

Cookies.get(); #Alle Cookies lesen

c, Cookies löschen

Cookies.remove('name'); #Derselbe Pfad muss beim Löschen von Cookies verwendet werden.

Das Folgende ist eine Einführung in fremde Länder

Grundlegende Verwendung

Erstellen Sie ein Cookie, das auf der gesamten Website gültig ist:

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

Erstellen Sie ein Cookie, das in 7 Tagen abläuft und auf der gesamten Website gültig ist:

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

Erstellen Sie ein ablaufendes Cookie, das für den Pfad von gültig ist die aktuelle Seite:

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

Cookie lesen:

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

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

Cookies.set('name', 'value', { path: ' ' }) ;Cookies.remove('name');Cookies.remove('name'); // fehlgeschlagen!

WICHTIG! Beim Löschen eines Cookies müssen Sie genau die gleichen Pfad- und Domänenattribute übergeben, die zum Setzen des Cookies verwendet wurden, es sei denn, Sie verlassen sich auf die Standardattribute.

Hinweis: Das Entfernen eines nicht vorhandenen Cookies tut dies löst keine Ausnahme aus und gibt keinen Wert zurück.

Wenn die Gefahr eines Konflikts mit den Namespace-Cookies besteht, können Sie dies mit der Methode „noConflict“ definieren Erstellen Sie einen neuen Namespace und bewahren Sie den ursprünglichen auf. Dies ist besonders nützlich, wenn Sie das Skript auf Websites von Drittanbietern ausführen, z. B. als Teil eines Widgets oder SDK.

// Weisen Sie die js-cookie-API einer anderen Variablen zu und stellen Sie sie wieder her das Original „ window.Cookies“

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

JSON

js-cookie bietet unauffällige JSON-Speicherung für Cookies.

Beim Erstellen eines Cookies können Sie anstelle einer Zeichenfolge ein Array oder ein Objektliteral übergeben Wenn Sie dies tun, speichert js-cookie die Zeichenfolgendarstellung des Objekts gemäß JSON.stringify:

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

Beim Lesen eines Cookies mit der Standard-Cookies.get-API , erhalten Sie die im Cookie gespeicherte Zeichenfolgendarstellung:

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

Nach dem Login kopieren

Beim Lesen eines Cookies mit der Cookies.getJSON-API erhalten Sie die geparste Darstellung der im Cookie gemäß JSON.parse gespeicherten Zeichenfolge:

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

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Node erstellt ein personalisiertes Befehlszeilentool

JS-Code erstellt eine Vorschau zum Hochladen von TXT-Dateien

Das obige ist der detaillierte Inhalt vonSo bedienen Sie das JS-Cookie-Plugin. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!