Sommario
I cookie sono piccoli dati che vengono memorizzati nel browser della persona che visita una pagina, in modo che si possano avere alcuni dati sulla sua navigazione su una determinata pagina, con questo quando la persona visita nuovamente il sito possiamo personalizzare la sua esperienza di navigazione , mostrando i risultati relativi alla tua visita precedente o mostrando immediatamente i tuoi dati personali.Insieme a HTML5 e il oggetto documento Possiamo scrivere cookie utilizzando il linguaggio Javascript, grazie a questo possiamo estendere le funzionalità delle nostre pagine, offrendo un'esperienza di navigazione più robusta.
Leggi e scrivi cookie
Come abbiamo accennato all'inizio, grazie all'oggetto documento Possiamo occuparci della gestione dei cookie, con il seguente codice ne faremo un piccolo esempio, in modo da poter capire come vengono eseguiti i processi:
Esempio Aggiungi cookie Aggiorna cookie
La proprietà cookie funziona in modo particolare, quando leggiamo il valore della proprietà, otteniamo tutti i cookie che sono associati al documento. I cookie hanno una struttura di coppia nome/valore e puoi vedere nome = valore.
Ora quando si ottengono più cookie, vedremo che li otterremo separati da un punto e virgola come segue: nome1 = valore1; nome2 = valore2; nome3 = valore3. E così via con tutto quello che abbiamo.
Ora il comportamento quando aggiungiamo un cookie è il seguente, assegniamo una nuova coppia nome/valore come valore della proprietà cookie dell'oggetto documento e quindi vengono aggiunti i cookie del documento. In questo processo possiamo aggiungere solo un cookie alla volta, se assegniamo un valore che corrisponde a un nome di cookie esistente, verrà aggiornato con quel valore.
Una volta chiarito il funzionamento dei cookie, spieghiamo il codice che inseriamo, vediamo che abbiamo due pulsanti nel documento, a ciascuno è stata assegnata una funzione Aggiungi cookie per aggiungere i cookie e Aggiorna cookie per aggiornarli, quando usiamo il primo, la funzione è attivata creareCookie che crea una nuova coppia nome/valore che verrà aggiunta alla raccolta di cookie del documento, il secondo pulsante chiamerà la funzione aggiornaCookie che assegnerà un nuovo valore a un cookie esistente.
Vediamo uno screenshot di come dovrebbe funzionare questo codice nel nostro browser:
- percorso = Imposta il percorso associato al cookie, per impostazione predefinita è il percorso del documento corrente.
- dominio = Stabilisce il dominio associato al cookie, per impostazione predefinita assume il valore del dominio del documento corrente.
- età massima = Stabilisce la vita di un cookie, si conteggia in secondi, e inizia a contare dal momento della sua creazione.
- scade = Imposta la data di scadenza di un cookie utilizzando il fuso orario GMT. Questa opzione è disponibile solo per l'utilizzo su una connessione HTTPS.
