Cookies in JavaSkript: Beispiel für Festlegen, Abrufen und Löschen
James Hartmann
Was sind Cookies?
Ein Cookie ist ein Datenelement, das auf Ihrem Computer gespeichert wird und auf das Ihr Browser zugreifen kann. Vielleicht haben auch Sie wissentlich oder unwissentlich die Vorteile von Cookies genossen. Haben Sie schon einmal Ihr Facebook-Passwort gespeichert, damit Sie es nicht bei jedem Anmeldeversuch erneut eingeben müssen? Wenn ja, dann verwenden Sie Cookies. Cookies werden als Schlüssel/Wert-Paare gespeichert.
Warum brauchen Sie einen Cookie?
Die Kommunikation zwischen a Web-Browser und der Server erfolgt über ein zustandsloses Protokoll namens HTTP. Das zustandslose Protokoll behandelt jede Anfrage unabhängig. Daher speichert der Server die Daten nicht, nachdem er sie an den Browser gesendet hat. In vielen Situationen werden die Daten jedoch erneut benötigt. Hier kommen Kekse ins Bild. Mit 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 Cookie setzen
Sie können Cookies mit dem Dokument erstellen. Cookie-Eigenschaft wie diese.
document.cookie = "cookiename=cookievalue"
Sie können Ihrem Cookie sogar ein Ablaufdatum hinzufügen, sodass das jeweilige Cookie am 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 spezifischen Domäne das Cookie gehört. Standardmäßig gehört ein Cookie zu der Seite, die das Cookie setzt.
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.
JavaSkript holt Cookie
Sie können auf das Cookie wie folgt zugreifen, wodurch alle für die aktuelle Domain gespeicherten Cookies zurückgegeben werden.
var x = document.cookie
JavaSkript zum Löschen von Cookies
Um ein Cookie zu löschen, müssen Sie lediglich den Wert des Cookies auf „leer“ und den Wert von „expires“ auf ein vergangenes Datum setzen.
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
Probieren Sie dieses Beispiel selbst aus
Spezielle Anweisungen, damit der Code funktioniert … Drücken Sie zweimal die Ausführen-Taste
<html>
<head>
<title>Cookie!!!</title>
<script type="text/javascript">
function createCookie(cookieName,cookieValue,daysToExpire)
{
var date = new Date();
date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
}
function accessCookie(cookieName)
{
var name = cookieName + "=";
var allCookieArray = document.cookie.split(';');
for(var i=0; i<allCookieArray.length; i++)
{
var temp = allCookieArray[i].trim();
if (temp.indexOf(name)==0)
return temp.substring(name.length,temp.length);
}
return "";
}
function checkCookie()
{
var user = accessCookie("testCookie");
if (user!="")
alert("Welcome Back " + user + "!!!");
else
{
user = prompt("Please enter your name");
num = prompt("How many days you want to store your name on your computer?");
if (user!="" && user!=null)
{
createCookie("testCookie", user, num);
}
}
}
</script>
</head>
<body onload="checkCookie()"></body>
</html>
