Cookies erstellen, auslesen und löschen mit JQuery

Hilfreiche kleine Bits und Bytes sind Sie, die kleinen Kekse, die man im Internet bekommt. Cookies nennen Sie sich und sind kleine Textdateien, die auf dem Clientrechner angelegt werden und beim Aufruf einer Seite an diese mit übergeben werden. Darin können sich Sitzungsinformationen befinden, die von Seitenaufruf zu Seitenaufruf weitergegeben werden.

Diese mit Javascript auszulesen gestaltet sich jedoch etwas umständlich. Hierbei kann das JQuery Framework wieder einmal helfen. Zur Verwendung wird die Einbindung von JQuery vorausgesetzt, schließlich muss man noch das JQuery Plugin importieren (Wichtig, hier dass man die .js Datei des Plugins nach der Jquery .js importiert), das man sich in diesem Repository herunterladen kann: https://github.com/carhartl/jquery-cookie .

Ein Cookie setzen:

$.cookie("meiner", "wert"); 
$.cookie("meiner", "wert", { expires: 7 }); 
$.cookie("meiner", "wert", { path: '/backend', expires: 7 });

In Zeile 1 wird ein einfacher Cookie mit dem Namen „meiner“ und dem Wert „wert“ gesetzt. In Zeile 2 wird die Definition noch um eine Lifetime erweitert, also die Gültigkeitsdauer („7 Tage„), wie lange der Cookie erhalten bleiben soll. In Zeile 3 wird die Definition noch um einen Pfad erweitert,in dem der Cookie auslesbar ist, in diesem Falle ist er also nur in Datein die sich im Pfad unter „/bakend“ befinden auslesbar.

Einen Cookie auslesen:

alert($.cookie("meiner"));

Hier wird einfach der Wert des Cookies mit dem Namen „meiner“ ausgegeben.

Einen Cookie löschen:

$.cookie("meiner",null);
$.removeCookie('the_cookie');

Cookies werden gelöscht, in dem man sie „Null“ setzt.
Alternativ kann man die Funktion „removeCookie()“ benutzen, die in Zeile 2 aufgerufen wird.