Attributi dei cookie in JavaScript | Spiegato

Oggi è essenziale mantenere le informazioni sulla sessione su più pagine per la maggior parte dei siti Web. Di solito, quando un server Web risponde inviando una pagina Web al browser, la connessione viene terminata e tutti i dati archiviati sul server vengono persi. Questa situazione rende difficile archiviare le informazioni relative alla sessione utente e non è possibile fare riferimento al server per accedervi.

In tale scenario, Biscotti sono utilizzati per archiviare informazioni utili che possono essere recuperate in seguito per conoscere l'utente. I cookie comprendono minuscoli bit di dati conservati in un browser Web e utilizzati per tracciare l'attività dell'utente. Consentono inoltre al sito Web di fornire funzionalità specifiche secondo un determinato utente. Di conseguenza, i cookie sono considerati un componente fondamentale della funzionalità di un sito Web.

Questo articolo spiegherà il Attributi Di Biscotti In JavaScript con l'aiuto di esempi adatti. Quindi iniziamo!

Attributi dei cookie in JavaScript

JavaScript supporta i seguenti quattro attributi di cookie:

• scade
• Max-Age
• sentiero
• dominio

Le sezioni di seguito offerteranno i metodi per utilizzare questi attributi per migliorare la funzionalità dei cookie in JavaScript.

Nota: I biscotti scadono dopo un certo periodo di tempo; Tuttavia, le impostazioni di scadenza del cookie possono essere gestite attraverso la sua offerta "scade"Attributo in JavaScript.

Scade l'attributo dei cookie in javascript

I cookie vengono rimossi automaticamente quando il browser è chiuso. Proibisce ai visitatori di riutilizzare i valori del cookie quando in seguito visitano il sito Web. Tuttavia, questo comportamento può essere controllato impostando il "data di scadenza"Per il biscotto.

I cookie in JavaScript offrono un "scade"Attributo che consente di aggiungere un"data di scadenza"In Universal Time Coordinated (UTC) al"nome = valore"Coppia di biscotti.

Sintassi di scadenza attributo dei cookie in JavaScript

documento.Cookie = "Name = Value; Expires = EpirationDate UTC"

Qui, il "scade"L'attributo viene utilizzato per mantenere lo stato del cookie secondo il"data di scadenza" E "UTC" tempo.

Esempio: scade l'attributo dei cookie in JavaScript

Prima di tutto, nel nostro "indice.html"File, aggiungeremo due pulsanti:"setcookie" E "getcookie". IL "setcookieIl pulsante invoca il "setCookie ()"Funzione per impostare il cookie specificato, mentre il"getcookieIl pulsante "chiama il"getCookie ()"Funzione per recuperare i cookie già impostati:

Nel nostro "progetto.js"File, definiremo il"setCookie ()" E "getCookie ()"Funzioni associate al"al clic"Eventi del"setcookie" E "getcookie"Pulsanti. IL "setCookie () " La funzione creerà un cookie con "nome utente"Come biscotto"nome" E "Sharqa"Come è"valore", e il "scade"Il valore dell'attributo come"Sole, 10 agosto 2030 12:00:00 UTC":

funzione setCookie ()
documento.cookie = "nome utente = sharqa; scade = dom, 10 agosto 2030 12:00:00 UTC";

Quindi, dopo aver controllato la lunghezza del cookie creato in "Se"Affermazione, la"getCookie ()"La funzione prenderà il cookie"nome" E "valore"E visualizzalo in una scatola di allerta. Nell'altro caso, se il cookie viene scaduto o eliminato, la scatola di allerta lo indicherà "Cookie non disponibile":

functionGetCookie ()
if (documento.biscotto.lunghezza != 0)
Vararray = documento.biscotto.split ("=");
Alert ("name =" + array [0] + "" + "value =" + array [1]);

altro
avviso ("cookie non disponibile");

Ora salveremo entrambi i file e quindi utilizzeremo il codice VS "Server live"Estensione per eseguire l'applicazione nel browser:

La pagina Web aperta comprende due pulsanti: "setcookie" E "getcookie", Dove fare clic su"setcookie"Creerà un nuovo cookie con specificato"nome","valore", E "scade"Valore dell'attributo:

Per visualizzare il "Nome-valore”Coppia di cookie in una casella di avviso, fai clic su"getcookie"Pulsante:

La seguente casella di avviso mostra il nome del cookie come "nome utente"E il suo valore come"Sharqa":

Puoi anche usare il “Console per sviluppatori"Per controllare i dettagli relativi al cookie aggiunto. Fare così, fare clic con il tasto destro Sul browser e dal suo menu contestuale, selezionare "Ispezionare" opzione:

Quindi, fai clic su "Applicazione"Opzione dalla barra superiore della console per sviluppatori e cerca"Biscotti" nel "Magazzinaggio"Menu, presente sul lato sinistro della finestra:

Può essere visto nell'immagine sopra dosata che abbiamo creato con successo un cookie e impostato la sua data di scadenza con l'aiuto di "scade"Attributo.

Attributo massimo dei cookie in JavaScript

La vita di un cookie è impostata in base alla durata della sessione corrente del browser, il che significa che il cookie scadrà non appena l'utente chiude il browser. Puoi usare il "Max-Age"Attributo per definire il suo tutta la vita, che sarà indipendente dalla durata della sessione del browser.

Sintassi dell'attributo massimo dei cookie in JavaScript

documento.cookie = "name = value; max-age =" time

Qui, il "Max-Age"L'attributo viene utilizzato per specificare il"tempo"In all'interno del quale il cookie creato rimarrà nel sistema prima della sua cancellazione. Questo attributo accetta un valore temporale in "Secondi".

Esempio: attributo massimo dei cookie in JavaScript

Ora creeremo un cookie con "nome utente"Come è"nome","Alex" COME "valore". Anche il "Max-Age"L'attributo del cookie imposterà la sua vita su"30"Giorni:

documento.cookie = "nome utente = alex; max-age =" + 30*24*60*60 + ";"

Dopo aver salvato il codice aggiunto, apri il "indice.html"File nel browser e fai clic su"setcookie"Pulsante per la creazione di un nuovo cookie e la sua durata:

La seguente casella di avviso verrà ora visualizzata sul browser:

Per verificare la vita del cookie creato, esplora il "Scade / max-età"Colonna nella finestra seguente:

Nell'immagine sopra offerta, il "Scade / max-etàLa colonna "contiene la specifica"Max-Age"Valore dell'attributo secondo il"Epoca del timestamp unix ".

Attributo del percorso dei cookie in JavaScript

In JavaScript, un cookie è accessibile per tutte le pagine Web presenti nella stessa directory o sotto-directory. Tuttavia, puoi usare il "sentiero"Attributo per controllare l'ambito dei cookie attraverso le pagine Web.

Sintassi dell'attributo del percorso dei cookie in JavaScript

documento.cookie = "name = value; scade = espirationDate; percorso =/path";

Qui, il "sentiero"L'attributo viene utilizzato per specificare il"SENTIERO"Per il quale il cookie creato è"accessibile".

Esempio: attributo del percorso dei cookie in JavaScript

Creeremo un cookie con il nome "nome utente,"Che comprende un valore"Alex", E impostare la sua data e ora di scadenza come"Mer, 10 gennaio 2030 23:00:00 UTC". Quindi, imposteremo il suo "sentiero" attribuire a "/,"Il che significa che i cookie creati saranno disponibili in un sito Web:

documento.cookie = "nome utente = alex; scade = mer, 10 gennaio 2030 23:00:00 UTC; percorso =/";

Salva il codice fornito nel tuo "indice.html"File e aprilo nel browser:

Ora, fai clic su "setcookie"Pulsante, quindi passare alla finestra della console sviluppatore per la riconferma del percorso aggiunto:

Come puoi vedere nel "Sentiero"Colonna, l'attributo del percorso del"nome utente"Cookie è impostato su"/":

IL "sentiero" e il "dominio"L'attributo dei cookie viene utilizzato principalmente insieme durante la creazione di un cookie in JavaScript. Ora discuteremo del "dominio"Attributo nella sezione successiva.

Attributo di dominio dei cookie in JavaScript

IL "dominio"L'attributo dei cookie JavaScript viene utilizzato per aggiungere il dominio per il quale è considerato il cookie"valido". Ad esempio, il “dominio"Il valore dell'attributo è"Linuxhint.com", Quindi il cookie set sarà valido per il dominio specificato e i suoi sotto-domini.

Sintassi dell'attributo di dominio dei cookie in JavaScript

documento.cookie = "name = value; path =/path; domain = domainName";

Nella sintassi sopra data, il "nome del dominio"Il valore specifica il dominio a cui appartengono i cookie.

Esempio: attributo di dominio dei cookie in JavaScript

Ad esempio, creeremo un cookie su "Blog.Linuxhint.com"E imposta il valore di"sentiero" attribuire a "/"E il valore dell'attributo di dominio a"Linuxhint.com", Quindi il cookie sarà accessibile per le pagine Web di"Linuxhint.com" sito web:

documento.cookie = "name = value; path =/path; domain = domainName";

Invece di "Linuxhint.com", Se forniamo il sottodominio"Blog.Linuxhint.com", poi il "nome utente"Il cookie sarà valido solo per il sottodominio aggiunto. Pertanto, l'approccio ideale è specificare il corrispondente dominio invece di sotto-dominio valore.

Per lo scopo dimostrativo, imposteremo "127.0.0.1"Come dominio per un cookie:

documento.cookie = "name = sharqa; percorso =/; dominio = 127.0.0.1 ";

L'output di seguito è indicato che abbiamo impostato correttamente "127.0.0.1"Come dominio valido per il creato"valore chiave"Coppia di biscotti:

Abbiamo compilato le informazioni essenziali relative a attributi Di Biscotti In JavaScript.

Conclusione

"scade","Max-Age","sentiero", e il "dominio"Sono gli attributi dei cookie in JavaScript. Gli attributi scaduti e massimi di età sono utilizzati per l'impostazione della data di scadenza e la durata dei cookie. Al contrario, la combinazione di attributi di dominio e percorso aiuta a specificare il dominio e l'ambito validi in cui i cookie sono disponibili. Questo articolo ha spiegato gli attributi dei cookie in JavaScript con l'aiuto di esempi adatti.