Quali sono i caratteri consentiti nei cookie?

Esempio: Impostazione di un cookie con caratteri speciali

document.cookie = "user_info=John Doe & Co.; path=/";
// Il browser lo memorizza come: user_info=John%20Doe%20%26%20Co.

Esempio: Codifica dei caratteri non ASCII

const userName = "José";
document.cookie = `user=${encodeURIComponent(userName)}; path=/`;
// Il browser lo memorizza come: user=Jos%C3%A9

Esempio: Divisione di dati di grandi dimensioni in più cookie

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=/`;
    }
}

// Utilizzo
setLargeCookie("user_data", "stringa_molto_lunga_di_dati_utente");

Esempio: Utilizzo del local storage per dati di grandi dimensioni

// Memorizzazione di dati di grandi dimensioni nel local storage
localStorage.setItem('user_preferences', JSON.stringify(oggettoPreferenzeUtenteGrandi));

// Recupero dei dati dal local storage
const userPreferences = JSON.parse(localStorage.getItem('user_preferences'));

Esempio: Meccanismo di fallback per l'archiviazione dei cookie

function setCookie(name, value, days) {
    try {
        document.cookie = `${name}=${value}; max-age=${days * 24 * 60 * 60}; path=/`;
    } catch (error) {
        console.warn(`Impossibile impostare il cookie: ${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);
}

Esempio: Gestione dei caratteri internazionali nei cookie

// Codifica dei caratteri internazionali
const internationalName = "안녕하세요";
document.cookie = `greeting=${encodeURIComponent(internationalName)}; path=/`;

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

// Codifica Base64 per dati complessi
const complexData = { name: "José", age: 30, city: "São Paulo" };
document.cookie = `userData=${btoa(JSON.stringify(complexData))}; path=/`;

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

Esempio: Impostazioni di dominio valide e non valide

Esempio: Impostazione dell'attributo Domain

// Cookie per un sottodominio specifico
document.cookie = "nome=valore; domain=sottodominio.esempio.com";

// Cookie condiviso con tutti i sottodomini
document.cookie = "nome=valore; domain=esempio.com";

Esempio: Expires vs Max-Age

Esempio: Impostazione della scadenza

// Uso dell'attributo Expires
const expirationDate = new Date();
expirationDate.setDate(expirationDate.getDate() + 7);
document.cookie = `nome=valore; expires=${expirationDate.toUTCString()}`;

// Uso dell'attributo Max-Age (7 giorni in secondi)
document.cookie = "nome=valore; max-age=604800";

Esempio: Impostazione dell'attributo SameSite

document.cookie = "nome=valore; SameSite=Strict";