Cookies in JavaScript: Set, Get & Beispiel löschen

Was sind Cookies?

Ein Cookie ist ein Datenelement, das auf Ihrem Computer gespeichert wird und auf das Ihr Browser zugreifen kann. Möglicherweise haben Sie auch die Vorteile von Cookies wissentlich oder unwissentlich genossen. Haben Sie jemals Ihr Facebook-Passwort gespeichert, damit Sie es nicht jedes Mal eingeben müssen, wenn Sie versuchen, sich anzumelden? Wenn ja, verwenden Sie Cookies. Cookies werden als Schlüssel / Wert-Paare gespeichert.

Warum brauchst du ein Cookie?

Die Kommunikation zwischen einem Webbrowser und einem Server erfolgt über ein zustandsloses Protokoll namens HTTP. Das zustandslose Protokoll behandelt jede Anforderung unabhängig. Daher behält der Server die Daten nach dem Senden an den Browser nicht bei. In vielen Situationen werden die Daten jedoch erneut benötigt. Hier kommen Kekse ins Bild. Bei Cookies muss der Webbrowser nicht jedes Mal mit dem Server kommunizieren, wenn die Daten benötigt werden. Stattdessen kann es direkt vom Computer abgerufen werden.

Javascript Set Cookie

Sie können Cookies mithilfe eines Dokuments erstellen. Cookie-Eigenschaft wie diese.

document.cookie = "cookiename=cookievalue"

Sie können Ihrem Cookie sogar ein Ablaufdatum hinzufügen, damit das jeweilige Cookie zum angegebenen Datum vom Computer entfernt wird. Das Ablaufdatum sollte im UTC / GMT-Format eingestellt werden. Wenn Sie das Ablaufdatum nicht festlegen, wird das Cookie entfernt, wenn der Benutzer den Browser schließt.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

Sie können auch die Domäne und den Pfad festlegen, um anzugeben, zu welcher Domäne und zu welchen Verzeichnissen in der bestimmten Domäne das Cookie gehört. Standardmäßig gehört ein Cookie zu der Seite, auf der das Cookie gesetzt wird.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

// Erstelle ein Cookie mit einer Domain zur aktuellen Seite und einem Pfad zur gesamten Domain.

JavaScript erhalten Cookie

Sie können wie folgt auf das Cookie zugreifen, das alle für die aktuelle Domain gespeicherten Cookies zurückgibt.

var x = document.cookie

JavaScript-Cookie löschen

Um ein Cookie zu löschen, müssen Sie nur den Wert des Cookies auf leer setzen und den Wert von expires auf ein überschrittenes Datum setzen.

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

Probieren Sie dieses Beispiel selbst aus: