Cookie in JavaScript

Cookies ermöglichen es Ihnen, Informationen im Webbrowser des Benutzers zu speichern.

Was ist ein Cookie?

Ein Cookie ist eine kleine Textdatei, die es Ihnen ermöglicht, eine geringe Menge an Daten auf dem Computer des Benutzers zu speichern (fast4KB).

Nachdem der Webserver die Webseite an den Browser gesendet hat, wird die Verbindung geschlossen und der Server vergisst alle Informationen über den Benutzer.

Cookies wurden erfunden, um das Problem zu lösen: "Wie kann ich Informationen über den Benutzer erinnern?"

Cookies können zur Verfolgung von Informationen verwendet werden, wie z.B. den Vorlieben der Benutzer, so dass die Webseite diese Informationen beim nächsten Besuch des Benutzers abrufen kann, um die Seite zu personalisieren.

Cookies werden im Format "Name= Wert" gespeichert, z.B.:

username = Seagull

Wenn der Browser eine Webseite von einem Server anfordert, werden die Cookies der Seite in die Anfrage hinzugefügt. Auf diese Weise erhält der Server die notwendigen Daten, um Informationen über den Benutzer zu "erinnern".

Erstellen Sie Cookies mit JavaScript

In JavaScript können Siedocument.cookieAttribute erstellen, lesen und löschen von Cookies .

So können Sie ein Cookie erstellen:

　　document.cookie = "username=Seagull";

Sie können auch ein Ablaufdatum (in UTC) hinzufügen. Standardmäßig wird das Cookie beim Schließen des Browsers gelöscht:

　　document.cookie = "username=Seagull; expires=Mon,　25　Mar　2019　12:00:00 UTC";

Mit dem path-Parameter können Sie dem Browser mitteilen, welchen Pfad das Cookie betrifft. Standardmäßig gehört das Cookie zur aktuellen Seite:

　　document.cookie = "username=Seagull; expires=Mon,　25　Mar　2019　12:00:00 UTC; path=/";

Lesen Sie Cookies mit JavaScript

In JavaScript kann man so Cookies lesen:

　　var x = document.cookie;

Lesen Sie Cookies etwas komplizierter, dadocument.cookieAttreIBUTEN nur eine Liste von durch Semikolons und Leerzeichen getrennten Strings zurückgeben, die alle Cookies enthalten (z.B. name=wert, z.B. cookie1 = value; cookie2 = value; cookie3 = value). Um ein einzelnes Cookie aus dieser Liste zu erhalten, müssen Siesplit()Methode, um ihn in einzelne name = value-Paare zu teilen und nach einem bestimmten Namen zu suchen.

Dieser String enthält keine Attribute wie expires, path, domain usw., möglicherweise bereits für das Cookie-Set.

Ändern Sie Cookies mit JavaScript

Die einzige Möglichkeit, ein Cookie zu ändern oder zu bearbeiten, ist die Erstellung eines Cookies mit dem gleichen Namen und einem anderen Pfad wie das bestehende.

　　document.cookie = "username=Ankit; expires=Mon,　25　Mar　2019　12:00:00 UTC; path=/";

Hinweis:Die Erstellung eines Cookies mit dem gleichen name aber einem anderen cookie path ändert nicht das bestehende Cookie, sondern fügt ein zusätzliches Cookie hinzu.

Löschen Sie Cookies mit JavaScript

Das Löschen von Cookies ist sehr einfach. Löschen Sie Cookies:

• Nur wieder mit dem gleichen name verwenden und einen leeren Wert angeben

• oder setzen Sie den expires-Parameter auf ein vergangenes Datum

　　document.cookie = "username=; expires=Thu, 01　Jan　1970 00:00:00 UTC; path=/";

Bitte beachten Sie, dass Sie bei der Angabe von path als cookie oder anderen Attributen diese ebenfalls beim Löschen berücksichtigen müssen.

JavaScript Cookie-Beispiel

Im folgenden Beispiel erstellen wir ein Cookie, um den Benutzernamen zu speichern。

Wenn der Benutzer das erste Mal diese Webseite besucht, wird er gefragt/Sie gibt ihren Namen ein. Dann speichert sie diesen Namen in dem Cookie.

Wenn der Benutzer die gleiche Seite erneut besucht, wird er/Sie erhält den in dem Cookie gespeicherten Wert。

Für das Beispiel erstellen wir2ein JavaScript-Funktion：

• Funktion zum Setzen des Cookie-Werts

• Funktion zum Lesen des Cookie-Werts

Speichern Sie das Cookie

Zuerst erstellen wir eine Funktion, die den Namen des Besuchers in der Cookie-Variablen speichert。

function setCookie(cname, cvalue) {
　　var now = new Date();
　　now.setMonth(now.getMonth()　+　1);
　　var expires = "expires=";+　now.toUTCString();
　　document.cookie = cname;　+　"=="　+　cvalue　+　";　+　expires　+　";path=/";
}

Funktionsbeschreibung：

Die Parameter dieser Funktion sind der Name des Cookies (cname) und der Wert des Cookies (cvalue)。

Diese Funktion setzt das Cookie durch das Zusammenfügen des Cookie-Namens, des Cookie-Werts und des Strings "expires"。1Monate) zusammen, um das Cookie zu setzen。

Lesen Sie das Cookie

Dann erstellen wir eine Funktion, die den Wert eines spezifischen Cookies anzeigt。

function getCookie(cname) {
　　var allcookies = document.cookie;
　　cookieArr = allcookies.split(';');
　　for(var i = 0; i < cookieArr.length; i++) {
　　　　　var cookiePair = cookieArr[i].split("=");
　　　　　if(cname == cookiePair[0].trim()) {
　　　　　　　　document.write("Schlüssel ist: "　+　cookiePair[0]　+　"und Wert ist: "　+　cookiePair[1]);
　　　　　}
　　}
}

Funktionserklärung：

Diese Funktion nimmt den Cookie-Namen als Parameter (cname)。

Erhalten Sie alle Cookies (allcookies = document.cookie)。

Teilen Sie document.cookie durch das Semikolon in das Array cookieArr (cookieArr = allcookies.split（';'）)。

Durchlaufen Sie das Array cookieArr (i = 0; i <cookieArr.length; i ++]) und lesen Sie jeden Wert aus (cookiePair = cookieArr [i]）。

Wenn das Cookie gefunden wurde (cname == cookiePair [0]), dann schreiben Sie den Schlüssel und den Wert des Cookies (cookiePair [0], cookiePair [1]）。

Zusammengefasst

function setCookie(cname, cvalue) {
　　var now = new Date();
　　now.setMonth(now.getMonth()　+　1);
　　var expires = "expires=";+　now.toUTCString();
　　document.cookie = cname;　+　"=="　+　cvalue　+　";　+　expires　+　";path=/";
}
function getCookie(cname) {
　　var allcookies = document.cookie;
　　cookieArr = allcookies.split(';');
　　for(var i = 0; i < cookieArr.length; i++) {
　　　　　var cookiePair = cookieArr[i].split("=");
　　　　　if(cname == cookiePair[0].trim()) {
　　　　　　　　　　　document.write("Schlüssel ist: "　+　cookiePair[0]　+　"und Wert ist: "　+　cookiePair[1]);
　　　　　}
　　}
}

Cookies-Attribute

Cookies sind mit5Ein Textdatensatz mit Attributen: