Creare, leggere e cancellare un cookie con Javascript

Più volte su queste pagine abbiamo affrontato l'argomento della gestione dei cookie generalmente facendo riferimento a linguaggi di scripting lato server come ad esempio PHP.
In questo articolo, viceversa, ci occuperemo di introdurre il lettore alla possibilità di gestire e manipolare i cookie all'interno di una comune pagina HTML mediante un linguaggio di scripting lato client qual'è Javascript.

Per chi non lo sapesse (cosa ci fate su Mr.Webmaster?) i cookie sono dei piccoli file di testo che vengono creati sul computer client durante la navigazione di talune pagine web al fine di memorizzare delle informazioni utili all'esperienza di navigazione dell'utente.
Mediante i cookie è possibile, ad esempio, memorizzare delle preferenze di navigazione, dei dati di accesso, informazioni sulle pagine visitate, ecc.

I cookie, come appena detto, sono dei banalissimi file di testo il cui contenuto deve seguire una sintassi ben precisa:

nome_cookie=valore_cookie; expires=data di scadenza in formato UTC; path=dominio e percorso in cui è attivo il cookie

Gli elementi costitutivi di un cookie sono, quindi, tre:

• l'accoppiata "nome del cookie" = "valore del cookie";
• la scadenza (facoltativa) in formato UTC;
• il path (facoltativo) dato dal dominio più il percorso;

Se non viene specificata una scadenza il cookie verrà cancellato al termine della sessione di navigazione che lo ha creato.
Se non viene specificato il path il browser dovrebbe impostarlo automaticamente per il dominio ed il percorso corrente. Per utilizzare il cookie su tutto il sito generalmente si usa:

path=/

Il linguaggio Javascript, come avrete intuito dal titolo di questo articolo, è in grado di manipolare i cookie con una certa dimestichezza.
Grazie alla proprietà document.cookie, infatti, ci è possibile creare, leggere, modificare e cancellare i cookie attraverso una comune pagina HTML (cioè senza fare ricorso ai linguaggi di scripting lato server). Facciamo un esempio di creazione di cookie:

document.cookie = 'mio_nome=massimiliano; expires=Tue, 23 June 2009 22:47:11 UTC; path=/'

Con la stringa di codice qui sopra ho creato un semplice cookie chiamato mio_nome con valore massimiliano; per modificarne il valore sarebbe sufficiente ripetere la medesima operazione assegnando un nuovo valore.

In realtà le operazioni sui cookie con Javascript sono meno intuitive e semplici di quanto lo siano con altri linguaggi; Javascript, infatti, non dispone di funzioni ad hoc per la manipolazione dei cookie... ma dove non arriva il linguaggio, arriva il programmatore!
Nelle pagine che seguono vedremo quindi come crearci da soli un set di funzioni per i cookie!

• <<
• 1
• 2
• 3
• >>