Panoramica dei cookie in JavaScript
I cookie sono l'informazione o le informazioni dell'utente o possiamo dire dati. è memorizzato nel computer dell'utente e sostanzialmente contiene le informazioni dell'utente per ricordarle per la prossima volta se la connessione si è persa dal server o altro. È un meccanismo per ricordare le informazioni dell'utente o per tenere traccia dell'attività di navigazione dell'utente. JavaScript funziona anche allo stesso modo per conservare le informazioni dell'utente. Memorizza un piccolo file di testo sul nostro desktop. Se un utente visita una pagina Web, memorizza il suo valore in modo che il cookie ricordi il proprio nome.
Come funzionano i cookie in JavaScript?
Ogni volta che facciamo una richiesta al server, invia alcuni dati ai browser dell'utente sotto forma di un cookie. Nel browser, abbiamo alcune impostazioni per un cookie. Il browser può accettare il cookie. Se il browser accetta il cookie, questo viene ottenuto sotto forma di coppia nome-valore nel sistema dell'utente. Pertanto, ogni volta che un utente visita una pagina diversa sul browser del sito invia le stesse informazioni sull'utente al server per fargli conoscere i dati dell'utente per un ulteriore recupero.
i cookie sono memorizzati sotto forma di testo semplice. Alcune delle proprietà del cookie sono le seguenti,
1. Nome = coppia di valori
I cookie vengono memorizzati sotto forma di coppia chiave e valore e recuperati solo allo stesso modo.
Esempio:
nome utente = valore;
; età massima = età massima in secondi (ad es. 60 * 60 * 24 * 365)
2. Scadenza
Abbiamo una data in cui scadranno questi dati, se non abbiamo alcun valore per una data o è vuota, il cookie scadrà quando l'utente sarà abbastanza il browser o uscirà da esso.
Esempio:
; Scade = data-in-GMTString formato. Se non menzioniamo la scadenza o il limite massimo, scadrà quando si esce o si termina la sessione corrente come spiegato sopra.
3. Sicuro
Se questo campo contiene la parola "sicuro", non è possibile recuperare il cookie, questo può essere recuperato solo dal server sicuro, altrimenti non esiste tale tipo di restrizione. Questo è un altro modo per proteggere le informazioni dei nostri utenti da server non attendibili.
4. Host
Ciò offre due vantaggi: uno ci consente di utilizzare un cookie di origine sicura e l'ambito del cookie è limitato anche all'attributo path che abbiamo passato dal server. Quindi copre due funzioni una per la sicurezza e un'altra è l'attributo path.
Se il server non desidera fornire l'attributo path, viene utilizzata la "directory" della richiesta. Per il browser Chrome, l'attributo path è sempre l'origine.
Indica inoltre che l'attributo di dominio non è presente, il che impedisce al cookie di essere inviato ad altri domini menzionati.
5. Percorso
Questo è il percorso che imposta il cookie. Se questo percorso è vuoto, puoi recuperare il cookie da qualsiasi pagina. Il percorso deve essere assoluto.
Esempio:
; percorso = percorso (ad es. '/', '/ mypath')
6. Dominio
Contiene il nome del sito.
Esempio:
; samesite: proteggerà il browser dall'invio di questo cookie a qualsiasi altra pagina o richiesta tra siti. Ha due possibili valori per la bandiera.
La coppia chiave = valore può utilizzare o il valore del cookie può utilizzare l'URI codificato solo per garantire che la stringa non contenga spazi bianchi, punti e virgola, virgole. Il valore del cookie non contiene tutte le restrizioni di cui sopra. Utilizzando JavaScript possiamo creare, recuperare ed eliminare il cookie. Per questo, utilizziamo la proprietà cookie dell'oggetto documento in modo da poter manipolare l'oggetto cookie.
Quindi JavaScript può creare, leggere e modificare i cookie sulla pagina Web corrente.
Sintassi dei cookie in JavaScript
Di seguito sono riportate le sintassi in JavaScript spiegate in dettaglio,
1. Scrivere un nuovo cookie
Sintassi:
document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;
La sintassi sopra per mostrare solo una coppia chiave = valore e l'altra è un modo per impostare più cookie contemporaneamente. Ma qui l'attributo Expire è facoltativo. Se forniamo questo attributo in qualsiasi data o ora valida, rimuoverà il cookie in tale data e ora, altrimenti non accadrà nulla e il cookie sarà comunque accessibile.
Qui stiamo impostando il valore sulla proprietà cookie dell'oggetto documento. Nella sintassi sopra document.cookie = value è un modulo pf key = value. Dobbiamo ricordare una cosa mentre impostiamo il valore di un cookie che possiamo impostare solo un cookie alla volta. (Creare aggiornamento /)
Codice:
function createCookie() (
if( document.myform.customer.value == "" ) (
alert("please enter some value.");
return;
)
cookievalue = escape(document.myform.customer.value) + ";";
document.cookie = "name=" + cookievalue;
document.write ("Cookies : " + "name=" + cookievalue );
)
Produzione:
2. Lettura dei cookie
Sintassi:
allCookieValue = document.cookie
Nella sintassi sopra, allCookieValue conterrà tutti i valori dei cookie separati da un punto e virgola, quindi è sostanzialmente una stringa separata da un punto e virgola. Sotto forma di coppia chiave = valore.
3. Ripristina valore cookie
Codice:
function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)
Come eliminare un cookie in JavaScript?
A volte vogliamo eliminare alcuni valori dei cookie. Ma per eliminare il valore abbiamo appena impostato l'attributo della data di scadenza su un valore passato.
Codice:
function WriteCookie()
(
var now = new Date();
now.setMonth( now.getMonth() + 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie="name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write ("Setting Cookies : " + "name=" + cookievalue );
)
Produzione:
Conclusione
Quindi i cookie risolvono sostanzialmente il problema di come possiamo ricordare l'utente e le sue informazioni. Salva come coppia valore-rovina. Utilizza un metodo diverso per verificare se l'utente ha effettuato il login oppure no autentica il metodo dei cookie. Senza questo tipo di metodo, possiamo decidere che il server dovrebbe inviare le informazioni o meno.
Articoli consigliati
Questa è una guida ai cookie in JavaScript. Qui discutiamo il funzionamento, la sintassi e come eliminare i cookie in JavaScript a. Puoi anche consultare i seguenti articoli per saperne di più-
- Creazione ed eliminazione di cookie in PHP
- Come funzionano le variabili in JavaScript?
- I 6 migliori compilatori di JavaScript
- Come creare un oggetto JavaScript?