Was sind Cookies und wie man mit JavaScript mit ihnen arbeitet?

Was sind Cookies und wie man mit JavaScript mit ihnen arbeitet?
Cookies sind Daten, die in kleinen und sehr verwaltbaren Textdateien gespeichert sind. Cookies werden verwendet, um dem Server die Präferenz und andere Informationen des Clients zu informieren. Cookies werden hauptsächlich auf dem Computer des Kunden oder im Browserspeicher des Kunden gespeichert.

Bei der Arbeit mit Anwendungen im Industriemaßstab können sich die Server nicht an Details über ihren Kunden erinnern. Sobald die Sitzung mit dem Client vorbei ist, entfernt der Server alle Informationen über den Client, deshalb werden Cookies auf der Client-Seite gespeichert. Als das nächste Mal der Client mit einer Anforderung an den Server wendet, wird ein Cookie zusammen mit der Anforderung gesendet, damit der Server die Einstellungen des Clients bereits kennt.

Was sind die Arten von Keksen??

Es gibt drei verschiedene Arten von Keksen, die sind:

  • Session Cookies: Diese Cookies werden automatisch aus Ihren Browsern gelöscht, sobald die Sitzung mit der Website endet
  • Erstanbieter-Kekse: Dies sind die Cookies, die von einer bestimmten Website erstellt werden und nur von dieser bestimmten Website gelesen werden können
  • Kekse von Drittanbietern: Dies sind die Cookies, die von der Werbung erstellt wurden, die auf einer Website ausgeführt wird, die Sie möglicherweise besucht haben

Was sind die Felder von Keksen??

Im Allgemeinen sehen Kekse wie Namenswertepaare aus, bestehen jedoch aus 5 verschiedenen Feldern. Diese Felder sind:

  • Name = Wertpaare: Dies sind die Cookie-Version von "Schlüsselwert" -Paare
  • Läuft ab: Dies definiert, wann der Cookie aus dem Browser aussieht. Wenn mit dem Cookie kein Ablaufdatum angegeben wird, wird der Cookie gelöscht, wenn der Browser geschlossen ist
  • Weg: Der Pfad der Website, auf dem das Cookie im Browser festgelegt wurde, kann, wenn der Pfad leer ist, zu einer bestimmten Hürde werden
  • Domain: Der Domain -Name der Website, die den Cookie festgelegt hat
  • Sicher: Wenn dieses Feld festgelegt ist, kann das Cookie nur von einem sicheren Server gelesen werden

Dies sind alle variablen Felder eines Keks, abgesehen von den Name = Wert kombiniert alle anderen Felder sind optional

So verwenden Sie JavaScript, um mit Cookies zu arbeiten?

Cookies werden von JavaScript mithilfe der folgenden Syntax interagiert:

dokumentieren.cookie = "name = value; läuft: 01 Jan 2024; Path =/;"

Um die Arbeit mit Cookies zu demonstrieren, werden wir eine HTML -Webseite mit den folgenden Zeilen innerhalb der Webseite einrichten:


Es sind alles Kekse!!





Wir erhalten die folgende Ausgabe in unserem Browser:

Nachdem wir unsere HTML-Setup haben, können wir an unserem JavaScript-Code arbeiten. Das erste, was wir implementieren werden, ist die Funktionalität der Schaltfläche, die unserem Browser mit den folgenden Codezeilen einen Cookie hinzufügt:

$ ("#add").klicken (function ()
dokumentieren.Cookie = "name = leckeres Cookie!";
Alert ("Cookie hinzugefügt");
);

Führen Sie nun das Programm aus und klicken Sie auf die Schaltfläche mit der Aufschrift „Klicken Sie auf, um einen leckeren Cookie hinzuzufügen!”, Sie erhalten die folgende Ausgabe:

Sie können diesen Keks bestätigen, indem Sie zum Gehen zur Entwicklerkonsole> Anwendung> Cookies und das Finden des Cookie, das wir gerade erstellt haben, wie im Bild unten gezeigt:

Wie Sie aus den Tools des Entwicklers sehen können, konnten wir unseren Cookie erfolgreich erstellen. Der nächste Schritt besteht darin, diesen Cookie mit JavaScript zu lesen und den Benutzer über das Cookie auf die Taste zu alarmieren. Wir tun dies mit den folgenden Codezeilen:

$ ("#show").klicken (function ()
Alarm (Dokument.Plätzchen);
);

Klicken Sie auf die Schaltfläche "Klicken Sie, um Cookies anzusehen". Sie erhalten das folgende Ergebnis:

Wie Sie sehen können, können wir das Cookie lesen und dem Benutzer anzeigen. Jetzt müssen wir lernen, wie man einen Keks aus dem Browser löscht. Wir können einen Cookie beim Tasten drücken, indem wir die folgenden Codezeilen verwenden:

$ ("#delete").klicken (function ()
dokumentieren.cookie = "name =; aussieht = dhu, 01. Januar 1970 00:00:01 GMT";
alarm ("Cookie gelöscht");
);

Wir können Cookies löschen, indem wir ihr Ablaufdatum auf ein vergangenes Datum festlegen, und genau das haben wir im obigen Code -Snippet getan. Wenn Sie nun die Schaltfläche „Klicken zum Löschen von Cookie“ drücken, erhalten Sie das folgende Ergebnis:

Um diese Löschung zu überprüfen, klicken Sie auf die Schaltfläche, um Cookies noch einmal anzuzeigen. Sie erhalten das folgende Ergebnis:

Wie Sie sehen können, zeigt uns das Dialogfeld von Alert uns keine Cookies. Dies liegt daran.

Abschluss

Cookies sind kleine Textdateien, die auf dem Computer des Clients oder im Browser des Kunden gespeichert sind, um den Server über die Einstellungen des Clients zu informieren. Es gibt drei verschiedene Arten von Keksen, nämlich Session Cookies, Erstanbieter-Kekse und Cookies von Drittanbietern. Ein Cookie enthält 5 verschiedene Felder, von denen nur einer obligatorisch ist und die verbleibenden 4 Felder optional sind. Cookies -Funktionen werden in JavaScript mit der Verwendung der verwendet dokumentieren.Plätzchen Attribut. In diesem Beitrag haben wir gelernt, wie man mit JavaScript mit Cookies arbeitet.