Übersicht über Cookies in JavaScript

Cookies sind die Information oder Benutzerinformation oder wir können Daten sagen. Es wird auf dem Computer des Benutzers gespeichert und enthält im Grunde genommen die Benutzerinformationen, um sie für das nächste Mal zu speichern, wenn die Verbindung vom Server getrennt wurde. Dies ist ein Mechanismus zum Speichern von Benutzerinformationen oder zum Verfolgen der Browseraktivität des Benutzers. Auf die gleiche Weise funktioniert auch JavaScript, um Benutzerinformationen zu speichern. Es speichert eine kleine Textdatei auf unserem Desktop. Wenn ein Benutzer eine Webseite besucht, speichert er deren Wert, sodass sich das Cookie seinen Namen merkt.

Wie funktionieren Cookies in JavaScript?

Wann immer wir eine Anfrage an den Server stellen, sendet er einige Daten in Form eines Cookies an die Benutzerbrowser. Im Browser haben wir einige Einstellungen für ein Cookie. Der Browser kann das Cookie akzeptieren. Wenn der Browser das Cookie akzeptiert, wird es im System des Benutzers in Form eines Name-Wert-Paares abgelegt. Wenn ein Benutzer also eine andere Seite im Site-Browser besucht, sendet er dieselben Informationen über den Benutzer an den Server, um ihn über Benutzerdaten zum weiteren Abrufen zu informieren.

Cookies werden in Form von Klartext gespeichert. Einige der Eigenschaften des Cookies lauten wie folgt:

1. Name = Wertepaar

Cookie wird in Form von Schlüssel- und Wertepaaren gespeichert und nur auf die gleiche Weise abgerufen.

Beispiel:

Benutzername = Wert;

; maximales Alter = maximales Alter in Sekunden (z. B. 60 * 60 * 24 * 365)

2. Verfallen

Wir haben ein Datum, an dem diese Daten ablaufen. Wenn wir keinen Wert für ein Datum haben oder es leer ist, läuft das Cookie ab, wenn der Benutzer den Browser vollständig aufruft oder ihn beendet.

Beispiel:

verfällt = Datum-in-GMTString-Format. Wenn wir weder Ablaufen noch Höchstalter erwähnen, verfällt es, wie oben erläutert, beim Beenden oder Beenden der aktuellen Sitzung.

3. Sichern

Wenn dieses Feld das Wort "sicher" enthält, können wir das Cookie nicht abrufen. Dies kann nur vom sicheren Server abgerufen werden, da es sonst keine solche Einschränkung gibt. Dies ist eine weitere Möglichkeit, unsere Benutzerinformationen vor nicht vertrauenswürdigen Servern zu schützen.

4. Host

Dies bietet zwei Vorteile, zum einen können wir ein Cookie vom sicheren Ursprung verwenden, und zum anderen ist der Umfang des Cookies auf das Pfadattribut beschränkt, das wir vom Server übergeben haben. Daher werden zwei Funktionen behandelt, eine für die Sicherheit und eine weitere für das Pfadattribut.

Wenn der Server das Pfadattribut nicht bereitstellen möchte, wird das „Verzeichnis“ der Anforderung verwendet. Für den Chrome-Browser ist das Pfadattribut immer der Ursprung.

Außerdem wird darauf hingewiesen, dass das Domänenattribut nicht vorhanden ist, wodurch verhindert wird, dass das Cookie an andere als die angegebenen Domänen gesendet wird.

5. Pfad

Dies ist der Pfad, der das Cookie setzt. Wenn dieser Pfad leer ist, können Sie das Cookie von jeder Seite abrufen. Der Pfad muss absolut sein.

Beispiel:

; path = path (zB '/', '/ mypath')

6. Domain

Es enthält den Namen der Site.

Beispiel:

; samesite: Es schützt den Browser vor dem Senden dieses Cookies an andere Seiten oder Cross-Site-Anfragen. Es gibt zwei mögliche Werte für das Flag.

Das Schlüssel-Wert-Paar kann den codierten URI verwenden oder der Cookie-Wert kann den codierten URI nur verwenden, um sicherzustellen, dass die Zeichenfolge keine Leerzeichen, Semikolons oder Kommas enthält. Der Cookie-Wert enthält nicht alle oben genannten Einschränkungen. Mit JavaScript können wir das Cookie erstellen, abrufen und löschen. Dafür verwenden wir die Cookie-Eigenschaft des Dokumentobjekts, damit wir das Cookie-Objekt bearbeiten können.

So kann JavaScript Cookies auf der aktuellen Webseite erstellen, lesen und ändern.

Syntax von Cookies in JavaScript

Im Folgenden wird die Syntax in Javascript im Detail erläutert,

1. Ein neues Cookie schreiben

Syntax:

document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;

Die obige Syntax, um nur ein Schlüssel-Wert-Paar und ein anderes anzuzeigen, bietet die Möglichkeit, mehrere Cookies gleichzeitig zu setzen. Das Expire-Attribut ist hier jedoch optional. Wenn wir diesem Attribut ein gültiges Datum oder eine gültige Uhrzeit zuweisen, wird das Cookie an diesem Datum und zu dieser Uhrzeit gelöscht, wenn dies nicht der Fall ist, passiert nichts und das Cookie ist weiterhin verfügbar.

Hier setzen wir den Wert auf die Cookie-Eigenschaft des Dokumentobjekts. In der obigen Syntax ist document.cookie = value eine Form von key = value. Wir müssen uns beim Festlegen des Werts eines Cookies daran erinnern, dass wir immer nur ein Cookie gleichzeitig festlegen können. (erstellen / aktualisieren)

Code:



function createCookie() (
if( document.myform.customer.value == "" ) (
alert("please enter some value.");
return;
)
cookievalue = escape(document.myform.customer.value) + ";";
document.cookie = "name=" + cookievalue;
document.write ("Cookies : " + "name=" + cookievalue );
)




Ausgabe:

2. Cookie lesen

Syntax:

allCookieValue = document.cookie

In der obigen Syntax enthält allCookieValue alle Werte von cookie, die durch ein Semikolon getrennt sind. Es handelt sich also im Grunde genommen um eine durch ein Semikolon getrennte Zeichenfolge. In Form von Schlüssel = Wertpaar.

3. Setzen Sie den Cookie-Wert zurück

Code:

function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)

So löschen Sie ein Cookie in JavaScript?

Manchmal möchten wir einige Cookies löschen. Um den Wert zu löschen, setzen wir einfach das Ablaufdatum-Attribut auf einen früheren Wert.

Code:



function WriteCookie()
(
var now = new Date();
now.setMonth( now.getMonth() + 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie="name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write ("Setting Cookies : " + "name=" + cookievalue );
)



Ausgabe:

Fazit

Cookies lösen also im Grunde genommen das Problem, wie wir uns an den Benutzer und seine Informationen erinnern können. Es speichert als Fluch-Wert-Paar. Es wird eine andere Methode verwendet, um zu überprüfen, ob der Benutzer angemeldet ist oder nicht. Beispiel: Authentifizierung der Cookie-Methode. Ohne diese Art von Methode können wir entscheiden, ob der Server die Informationen senden soll oder nicht.

Empfohlene Artikel

Dies ist eine Anleitung zu Cookies in JavaScript. Hier besprechen wir die Arbeitsweise, die Syntax und das Löschen von Cookies in Javascript. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren.

  1. Erstellen und Löschen von Cookies in PHP
  2. Wie funktionieren Variablen in JavaScript?
  3. Top 6 Compiler von JavaScript
  4. Wie erstelle ich ein Objekt JavaScript?