Oft muss arbeitet man in seinen Webprojekten mit Cookies. Um diese schnell und einfach zu implementieren, hier zwei kleine Snippets, die sehr einfach implementiert werden

Einfache Get und Set Funktion via JS

Die setCookie Methode ist zum setzen von Cookies, wobei diese 4 Parameter (Davon 3 Pflicht) benötigt.

  1. name - Der Name vom Cookie, der gesetzt werden soll
  2. value - Der Wert, den der Cookie beinhalten soll
  3. days - Wie viele Tage soll der Cookie persistent bleiben?
  4. Optional: options (Array) - Kann zum setzen von erweiterten Parametern genutzt werden.

Die getCookie Funktion liest eine Cookieliste aus und gibt den Wert eines angegeben Cookies oder False zurück

  1. name - Der Name vom Cookie, von dem die Werte ausgelesen werden sollen.
// Function to set a cookie with additional options
function setCookie(name, value, days, options = {}) {
    const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
    let cookieString = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/`;

    // Adding additional options like secure, sameSite, etc.
    if (options.secure) cookieString += ' secure;';
    if (options.sameSite) cookieString += ` SameSite=${options.sameSite};`;
    if (options.domain) cookieString += ` domain=${options.domain};`;
    if (options.path) cookieString += ` path=${options.path};`;

    document.cookie = cookieString;
}

// Function to get a cookie by name
function getCookie(name) {
    const cookies = document.cookie.split(';');
    for (let i = 0; i < cookies.length; i++) {
        const cookie = cookies[i].trim().split('=');
        if (cookie[0] === name) return decodeURIComponent(cookie[1]);
    }
    return null;
}

 

 

Previous PostTYPO3 Snippets: Page IDs im Seitenbaum anzeigen
Next PostJS Tutorial: Schnell und einfach VCARD Kontakte generieren