Arbeiten mit Cookies in JQuery

Schlüsselpunkte

• jQuery.cookie, ein Jquery -Plugin, vereinfacht den Prozess des Erstellens, Lesens und Löschens von Cookies. Es muss von der Codebasis auf GitHub heruntergeladen und in der Seite nach der Jquery -Bibliothek enthalten sein.
Mit der Methode
• Cookie () wird Cookies erstellt und gelesen. Das Erstellen eines Cookies erfordert zwei Parameter: Name und Wert. Der optionale dritte Parameter kann ein Objektliteral sein, das zusätzliche Optionen enthält, z. B. Pfad, Domäne, Ablauf und sicher. Um das Cookie zu lesen, ist nur der Name Parameter erforderlich.
• Entfernen von Cookies erfolgt mit der Methode removecookie (). Die gleichen Optionen, die beim Erstellen von Cookies (wie Pfad und Domäne) verwendet werden, müssen übergeben werden, um die Cookies erfolgreich zu löschen.

Cookies sind gängige Technologien für Kunden, um Daten zu speichern. In meinem vorherigen Artikel "Wie man mit Cookies in JavaScript umgeht" wird erläutert, wie CRUD -Operationen auf Cookies mit nativem JavaScript ausgeführt werden. Dieser Artikel wendet sich an JQuery und führt Sie durch das JQuery.Cookie -Plugin, wodurch das Cookie -Handling einfach ist. In diesem Artikel geht davon aus, dass die Leser mit dem Inhalt der oben genannten Artikel vertraut sind oder zumindest ein grundlegendes Verständnis von Keksen haben. Lassen Sie uns ohne weiteres anfangen.

installieren jQuery.cookie

Erstens müssen Sie jQuery.cookie von der Codebasis auf GitHub herunterladen. Sobald Sie die Datei jQuery.cookie.js erhalten haben, fügen Sie sie einfach Ihrer Seite hinzu. Beachten Sie, dass Sie als JQuery -Plugin es nach der JQuery -Bibliothek einschließen müssen. Ihre Seite sollte einen Abschnitt enthalten, der dem folgenden Code ähnelt:

<code class="language-html">
</code>

Methode

jQuery.cookie verwendet die gleiche Methode Cookie (), um Cookies zu erstellen und zu lesen, aber die Anzahl der Parameter ist unterschiedlich. Um ein Cookie zu erstellen, müssen Sie zwei erforderliche Parameter, den Namen und den Wert des Cookies übergeben. Sie können einen dritten optionalen Parameter übergeben, der ein Objektliteral mit einigen zusätzlichen Optionen ist. Diese Optionen sind Pfad, Domäne, Ablauf und sicher. Es ist erwähnenswert, dass diese Optionen lokal eingestellt werden können, wenn Sie die Cookie () -Methode oder global über das Objekt $ .cookie.Defaults aufrufen. Die Optionen, die mit dem ersteren festgelegt sind, haben Vorrang vor den mit dem letzteren festgelegten Optionen. Um zu verstehen, wie Cookies erstellt werden, schauen wir uns einige Beispiele an. Das folgende Beispiel verfolgt die Anzahl, mit der ein Benutzer eine Website besucht:

<code class="language-javascript">$.cookie("visits", 10);</code>

Dieses Beispiel speichert die bevorzugten Städte des Benutzers und gibt den Domain und den Pfad an, den das Cookie lesen und schreiben kann:

<code class="language-javascript">$.cookie("favourite-city", "London", {path: "/", domain: "jspro.com"});</code>

Dieses Beispiel speichert den Namen des Benutzers. Dieser Cookie ist am 29. Oktober 2013 um 11:00 Uhr abgelaufen und kann nur über eine sichere Verbindung gesendet werden.

<code class="language-javascript">$.cookie("name", "Aurelio", {expires: new Date(2013, 10, 29, 11, 00, 00), secure: true});</code>

Cookies lesen

Cookies lesen ist sehr einfach. Sie müssen ledig

<code class="language-javascript">console.debug($.cookie("visits")); // 打印 "10"</code>

Lesen Sie die Lieblingsstadt des Benutzers:

<code class="language-javascript">console.debug($.cookie("favourite-city")); // 打印 "London"</code>

Name des Benutzers lesen:

<code class="language-html">
</code>

Cookies löschen

Jetzt wissen Sie, wie man Cookies erstellt und liest. Das Letzte, was Sie wissen müssen, ist, wie Sie ein Cookie mit der Methode removecookie () löschen. Geben Sie True zurück, wenn das angeforderte Cookie gefunden wird, andernfalls geben Sie false zurück. Beachten Sie, dass Sie, wenn Sie Cookies löschen möchten, die gleichen Optionen wie Pfad und Domäne übergeben müssen, da die Operation ansonsten fehlschlägt. Schauen wir uns nun mehrere Beispiele der Methode removecookie () an. Löschen Sie Cookies, die die Anzahl der Besuche auf der Website speichern:

<code class="language-javascript">$.cookie("visits", 10);</code>

Cookies löschen, die Benutzer wie Städte speichern:

<code class="language-javascript">$.cookie("favourite-city", "London", {path: "/", domain: "jspro.com"});</code>

Als nächstes versuchen wir, das Cookie zu löschen, das den Namen des Benutzers speichert. Dieses Beispiel schlägt fehl, weil der sichere Wert nicht angegeben ist.

<code class="language-javascript">$.cookie("name", "Aurelio", {expires: new Date(2013, 10, 29, 11, 00, 00), secure: true});</code>

Schlussfolgerung

Dieser Artikel zeigt Ihnen, wie Sie Cookies mit jQuery.cookie (ein JQuery -Plugin) verwalten. Es löst viele Probleme, indem Cookie -Implementierungsdetails in mehrere einfache und flexible Methoden zusammengefasst werden. Wenn Sie weitere Anweisungen oder andere Beispiele benötigen, finden Sie in der offiziellen Dokumentation. Wenn Sie diesen Artikel lesen möchten, werden Sie es lieben, die neuesten Fähigkeiten und Techniken der Meister zu erlernen. Mitglieder können sofort auf alle E-Books und interaktiven Online-Kurse von SitePoint zugreifen, wie z. Kommentare in diesem Artikel wurden geschlossen. Fragen zu JQuery haben? Warum nicht Fragen in unserem Forum stellen? *

FAQs über JQuery Cookies (FAQ)

Wie setze ich Cookies mit JQuery?

Cookies mit JQuery ist sehr einfach. Sie können die $ .cookie -Funktion zum Festlegen von Cookies verwenden. Hier ist ein Beispiel:

$. Cookie ('Cookie_Name', 'Cookie_Value');

In diesem Beispiel ist 'Cookie_Name' der Name des Cookies und 'Cookie_Value' ist der Wert, der im Cookie gespeichert werden muss. Dadurch wird ein Cookie erstellt, das am Ende der Browser -Sitzung abläuft. Wenn Sie ein bestimmtes Ablaufdatum festlegen möchten, können Sie das Optionsobjekt als dritter Parameter hinzufügen:

$. Cookie ('Cookie_Name', 'Cookie_value', {lehnt: 7});

Dies erzeugt ein Cookie, das nach 7 Tagen abläuft.

Wie liest man Cookies mit JQuery?

Es ist auch sehr einfach, Cookies mit JQuery zu lesen. Sie können die $ .cookie -Funktion erneut verwenden, diesmal jedoch ohne den zweiten Parameter. Hier ist ein Beispiel:

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

In diesem Beispiel ist 'Cookie_Name' der Name des zu lesen zu lesen. Diese Funktion gibt den Wert des Cookies zurück.

Wie lösche ich Cookies mit JQuery?

Um jQuery zum Löschen von Cookies zu verwenden, können Sie die Funktion $ .removecookie verwenden. Hier ist ein Beispiel:

$. Removecookie ('Cookie_Name');

In diesem Beispiel ist 'Cookie_Name' der Name des zu gelöschten Cookies. Dadurch wird Cookies aus dem Browser gelöscht.

(Die nachfolgende FAQ -Antwort ähnelt der vorherigen Ausgabe. Der doppelte Inhalt wird hier weggelassen, um die Antwort präzise zu halten.)

Das obige ist der detaillierte Inhalt vonArbeiten mit Cookies in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!