Welche Zeichen sind in Cookies erlaubt?

Beispiel: Setzen eines Cookies mit Sonderzeichen

document.cookie = "user_info=John Doe & Co.; path=/";
// Browser speichert es als: user_info=John%20Doe%20%26%20Co.

Beispiel: Kodierung von Nicht-ASCII-Zeichen

const userName = "José";
document.cookie = `user=${encodeURIComponent(userName)}; path=/`;
// Browser speichert es als: user=Jos%C3%A9

Beispiel: Aufteilung großer Daten in mehrere Cookies

function setLargeCookie(name, value) {
    const maxLength = 4000;
    const parts = Math.ceil(value.length / maxLength);

    for (let i = 0; i < parts; i++) {
        const part = value.substr(i * maxLength, maxLength);
        document.cookie = `${name}_${i}=${part}; path=/`;
    }
}

// Verwendung
setLargeCookie("user_data", "sehr_langer_string_mit_benutzerdaten");

Beispiel: Verwendung des lokalen Speichers für große Daten

// Speichern großer Daten im lokalen Speicher
localStorage.setItem('user_preferences', JSON.stringify(großesBenutzerEinstellungenObjekt));

// Abrufen von Daten aus dem lokalen Speicher
const userPreferences = JSON.parse(localStorage.getItem('user_preferences'));

Beispiel: Fallback-Mechanismus für Cookie-Speicherung

function setCookie(name, value, days) {
    try {
        document.cookie = `${name}=${value}; max-age=${days * 24 * 60 * 60}; path=/`;
    } catch (error) {
        console.warn(`Fehler beim Setzen des Cookies: ${error.message}`);
        localStorage.setItem(name, value);
    }
}

function getCookie(name) {
    const value = document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)');
    return value ? value.pop() : localStorage.getItem(name);
}

Beispiel: Umgang mit internationalen Zeichen in Cookies

// Kodierung internationaler Zeichen
const internationalName = "안녕하세요";
document.cookie = `greeting=${encodeURIComponent(internationalName)}; path=/`;

// Dekodierung
const storedGreeting = decodeURIComponent(getCookie('greeting'));

// Base64-Kodierung für komplexe Daten
const complexData = { name: "José", age: 30, city: "São Paulo" };
document.cookie = `userData=${btoa(JSON.stringify(complexData))}; path=/`;

// Dekodierung von Base64
const decodedData = JSON.parse(atob(getCookie('userData')));

Beispiel: Gültige und ungültige Domain-Einstellungen

Beispiel: Setzen des Domain-Attributs

// Cookie für spezifische Subdomain
document.cookie = "name=value; domain=subdomain.example.com";

// Cookie für alle Subdomains freigegeben
document.cookie = "name=value; domain=example.com";

Beispiel: Expires vs Max-Age

Beispiel: Setzen des Ablaufdatums

// Verwendung des Expires-Attributs
const expirationDate = new Date();
expirationDate.setDate(expirationDate.getDate() + 7);
document.cookie = `name=value; expires=${expirationDate.toUTCString()}`;

// Verwendung des Max-Age-Attributs (7 Tage in Sekunden)
document.cookie = "name=value; max-age=604800";

Beispiel: Setzen des SameSite-Attributs

document.cookie = "name=value; SameSite=Strict";