Cookies JavaScript
Biscotti per le informazioni dell'utente vengono memorizzati pagine web.
Che cosa sono i cookie?
I cookie sono dati memorizzati in un file di testo sul computer.
Quando il server Web invia la pagina Web nel browser dopo la connessione viene chiusa, il server non registra le informazioni dell'utente.
ruolo cookie è quello di risolvere il "come per registrare le informazioni utente del client":
- Quando un utente visita una pagina web, il suo nome può essere registrato in un cookie.
- Quando la prossima volta che l'utente accede alla pagina, è possibile leggere i record di accesso utente in un cookie.
Biscotti con coppie di valori nome / vengono memorizzati come segue:
Quando un browser richiede una pagina web dal server, verranno aggiunti i biscotti appartenenti alla pagina per la richiesta. Il server per ottenere le informazioni utente in questo modo.
Utilizzare JavaScript per creare Cookie
JavaScript proprietà document.cookie può essere utilizzato per creare, leggere e cancellare i cookie.
JavaScript, creare un biscotto come segue:
È inoltre possibile aggiungere un tempo di scadenza del cookie (in UTC o l'ora GMT). Per impostazione predefinita, biscotto cancellato quando il browser viene chiuso:
È possibile utilizzare il parametro percorso illustrato il percorso del cookie del browser. Per impostazione predefinita, biscotto appartiene alla pagina corrente.
Utilizzare JavaScript per leggere cookie
In JavaScript, è possibile utilizzare il seguente codice per leggere i cookie:
 | stringa document.cookie restituirà tutti i tipi di biscotti, tipo di formato: cookie1 = valore; Cookie2 = valore; cookie3 = valore; |
|---|
Modifica Cookie utilizzando JavaScript
In JavaScript, modificare cookie simili ai cookie che creano, come segue:
Il vecchio cookie viene sovrascritto.
Rimuovere Cookie utilizzando JavaScript
Rimuovere cookie è molto semplice. Hai solo bisogno di impostare i parametri per la volta precedente scadenza, come illustrato di seguito, è impostato a gio, 1 Gennaio 1970 00:00:00 GMT:
Si noti che quando si elimina senza specificare il valore del cookie.
stringa di Cookie
proprietà document.cookie si presenta come una stringa di testo normale, in realtà non lo è.
Anche se si scrive un completo document.cookie stringa di biscotto, quando si ri-leggere le informazioni dei cookie, le informazioni dei cookie è coppie nome / valore in forma di impressioni.
Se si imposta un nuovo cookie, vecchio cookie non verrà sovrascritto. Il nuovo cookie sarà aggiunto alla document.cookie, quindi se si ri-leggere document.cookie, si riceverà i dati come segue:
cookie1 = valore; Cookie2 = valore;
Se hai bisogno di trovare un valore cookie specifico, è necessario creare una funzione JavaScript per trovare il valore del cookie nella stringa di cookie.
casi JavaScript Cookie
Nel seguente esempio, creeremo un cookie per memorizzare il nome del visitatore.
In primo luogo, i visitatori della pagina web, che saranno invitati a compilare il loro nome. Il nome verrà memorizzato in un cookie.
La prossima volta che si accede alla pagina di un visitatore, vedrà un messaggio di benvenuto.
In questo esempio, creeremo tre funzioni JavaScript:
- valore del cookie Setter
- Ottenere valori di funzione dei cookie
- Funzione rileva valore del cookie
valore del cookie Setter
In primo luogo, creiamo una funzione per memorizzare il nome del visitatore:
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
Risoluzione Funzione:
Più di un parametri di funzione, nome del cookie per il cname, valore del cookie cValue, e impostare il tempo scade scadenza del cookie.
Questa funzione imposta il nome del cookie, valore del cookie, l'ora di scadenza del cookie.
Ottenere valori di funzione dei cookie
Poi, creiamo una funzione che restituisce all'utente di specificare il valore del cookie:
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
Risoluzione Funzione:
Parametri name cookie è cname.
Creare una variabile di testo viene utilizzata per recuperare il cookie specificato: cname + "=".
Utilizzare il punto e virgola alla stringa document.cookie separata e assegnata a una CA divisa array di stringhe (ca = document.cookie.split ( ';')).
Ciclo matrice ca (i = 0; i <ca.length; i ++), e quindi legge ogni valore della matrice, e la rimozione di spazi finali (c = ca [i] .trim ()).
Se si trova un cookie (c.indexOf (nome) == 0), restituisce il valore del cookie (c.substring (diverrà name.lenght, c.length).
Se non trovate il cookie, restituisce "."
Funzione rileva valore del cookie
Infine, siamo in grado di creare una funzione per rilevare se è stato creato il cookie.
Se si imposta un cookie, verrà visualizzato un messaggio di saluto.
Se non si imposta un cookie, verrà visualizzato un pop per la domanda il nome del visitatore e chiamare la funzione di memorizzazione nome setCookie del visitatore 365 giorni:
{
var username=getCookie("username");
if (username!="")
{
alert("Welcome again " + username);
}
else
{
username = prompt("Please enter your name:","");
if (username!="" && username!=null)
{
setCookie("username",username,365);
}
}
}
esempio completo
Esempi
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
function checkCookie()
{
var user=getCookie("username");
if (user!="")
{
alert("Welcome again " + user);
}
else
{
user = prompt("Please enter your name:","");
if (user!="" && user!=null)
{
setCookie("username",user,365);
}
}
}
Prova »
Gli esempi che seguono eseguire la funzione checkCookie () quando la pagina viene caricata.