Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung des Anwendungsfalls des Cookie-Plug-ins js-cookie

Detaillierte Erläuterung des Anwendungsfalls des Cookie-Plug-ins js-cookie

php中世界最好的语言
php中世界最好的语言Original
2018-05-09 09:46:341997Durchsuche

Dieses Mal erkläre ich Ihnen ausführlich, was die Vorsichtsmaßnahmen für die Verwendung des Cookie-Plug-ins js-cookie sind Das Folgende ist ein praktischer Fall. Schauen wir uns das einmal 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 zur Verarbeitung von CookiesFunktioniert 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!

Zitatmethode:

1. Stellen Sie js-cookie.js vor

1. Trinken Sie cdn direkt: 2. Nach dem lokalen Herunterladen:

3.

Modularisierung

Während der Entwicklung: Cookies aus 'js-cookie' importieren

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

a. Cookie setzen

//Läuft in 7 Tagen ab

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

//Setze eins json

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

//Cookie abrufen

Cookies.get('name');

#Alle Cookies lesen

Cookies.get();c, Cookie löschen

#Es muss derselbe Pfad sein, wenn Cookies gelöscht werden.

Cookies.remove('name');

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


Cookie löschen:

Löschen Sie ein Cookie, das für den Pfad der aktuellen Seite gültig ist:Cookies.get(); // => { name: 'value' }

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

Cookies.remove('name'); // fehlgeschlagen!

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

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.

Namespace-Konflikte

Wenn die Gefahr eines Konflikts mit den Namespace-Cookies besteht, wird der noConflict Mit dieser Methode können Sie einen neuen Namespace definieren und den ursprünglichen beibehalten. 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 das ursprüngliche „window.Cookies“ wieder her

var Cookies2 = Cookies.noConflict();
Cookies2.set(' name', 'value');

Hinweis: Die .noConflict-Methode ist bei Verwendung von AMD oder CommonJS nicht erforderlich und wird daher in diesen Umgebungen nicht verfügbar gemacht.

JSON

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

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

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

Wenn Sie ein Cookie mit der Standard-Cookies.get-API lesen, erhalten Sie Erhalten Sie die im Cookie gespeicherte Zeichenfolgendarstellung:

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

Wenn Sie ein Cookie mit der Cookies.getJSON-API lesen, erhalten Sie die analysierte Darstellung der im Cookie gespeicherten Zeichenfolge gemäß JSON.parse:

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

Hinweis: Um IE6-7 (und den IE 8-Kompatibilitätsmodus) zu unterstützen, müssen Sie die JSON-js-Polyfüllung einschließen: https://github.com/douglascrockford/JSON-js

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

Angular集成三方UI框架、控件使用详解

Vue文档使用案例总结

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Anwendungsfalls des Cookie-Plug-ins js-cookie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn