Cookie JavaScript - Come creare, leggere ed eliminare i cookie?



I cookie sono dati memorizzati in piccoli file di testo. Ti aiuta a memorizzare le informazioni dell'utente nelle pagine web e ricorda i dettagli dell'utente in un secondo momento.

I cookie ti aiutano a memorizzare le informazioni dell'utente nelle pagine web. È uno dei metodi più efficienti per ricordare e tracciare preferenze, acquisti, commissioni e altre informazioni necessarie per una migliore esperienza dei visitatori o statistiche del sito. In questo Nell'articolo sui cookie, entreremo nel dettaglio dei cookie nella seguente sequenza:

Cosa sono i cookie?

I cookie sono dati memorizzati in piccoli file di testo nel tuo sistema. Quando un server web invia una pagina web a un browser, la connessione si interrompe e il server dimentica tutto ciò che riguarda l'utente.





I cookie sono stati inventati per risolvere il problema di ricordare le informazioni sull'utente. Per esempio:

  • Quando un utente visita una pagina web, il suo nome può essere memorizzato in un cookie.



    differenza tra bigdata e hadoop
  • La prossima volta che l'utente visita la pagina, il cookie ricorda il nome utente.

Ricorda le informazioni dell'utente tra tutte le pagine web. Contiene le informazioni come file e sotto forma di una coppia nome-valore separata da punti e virgola come:

nome utente = Daisy Green

Ora vediamo come funzionano questi cookie.



Come funziona?

Il server invia alcuni dati al browser del visitatore sotto forma di cookie. Ora, il browser può accettare il cookie. In caso affermativo, viene archiviato come un record di testo normale sul disco rigido del visitatore.

cookie - cookie javascript - edurekaQuando il visitatore arriva a un'altra pagina del tuo sito, il browser invia lo stesso cookie al server per il recupero. Una volta recuperato, il tuo server sa o ricorda cosa è stato memorizzato in precedenza.

I cookie sono costituiti da 5 campi a lunghezza variabile :

  • Scade & meno Mostra la data di scadenza del cookie. Se questo è vuoto, il cookie scadrà quando il visitatore chiude il browser.

  • Dominio & meno Il campo del dominio fornisce il nome di dominio del tuo sito.

  • Sentiero & meno È il percorso della directory o della pagina web che ha impostato il cookie. Questo può essere lasciato vuoto se desideri recuperare il cookie da qualsiasi directory o pagina.

  • Sicuro & meno Se questo campo contiene la parola 'sicuro', il cookie può essere recuperato solo con un server protetto. Se questo campo è vuoto, non esistono limitazioni di questo tipo.

  • Nome = valore & meno Mostra i cookie impostati e recuperati sotto forma di coppie chiave-valore.

Ora che sai cosa sono i cookie e come funzionano, entriamo nel dettaglio dei cookie JavaScript.

Cookie JavaScript

In JavaScript, puoi manipolare i cookie con la proprietà cookie dell'oggetto Document. JavaScript può leggere, creare, modificare ed eliminare i cookie che si applicano alla pagina Web corrente. Diamo quindi un'occhiata agli esempi e capiamo come vengono utilizzati i cookie in JavaScript.

Crea cookie

JavaScript può creare cookie con l'estensione document.cookie proprietà. Puoi creare il cookie nel modo seguente:

document.cookie = 'nomeutente = Daisy Green'

Puoi anche aggiungere una data di scadenza per il tuo cookie. Per impostazione predefinita, il cookie verrà eliminato alla chiusura del browser:

document.cookie = 'nomeutente = Daisy Green scade = lunedì, 26 agosto 2019 12:00:00 UTC'

Puoi anche dire al browser a quale percorso appartiene il cookie con l'aiuto di un parametro. Per impostazione predefinita, il cookie appartiene alla pagina corrente.

document.cookie = 'nomeutente = Daisy Green scade = lunedì, 26 agosto 2019 12:00:00 UTC' percorso = / '

Leggi un cookie

Leggere un cookie è semplice come scriverne uno perché il valore dell'oggetto document.cookie è il cookie. Puoi usare questa stringa ogni volta che vuoi accedere al cookie. La stringa document.cookie mantiene un elenco di coppie nome = valore separate da punto e virgola, dove nome rappresenta il nome del cookie e valore è il suo valore stringa.

I cookie JavaScript possono essere letti nel modo seguente:

var x = document.cookie

Esempio: