JavaScript cookies
Cookies pour les informations utilisateur sont stockées les pages Web.
Que sont les cookies?
Les cookies sont des données stockées dans un fichier texte sur votre ordinateur.
Lorsque le serveur Web envoie la page Web pour le navigateur après la connexion est fermée, le serveur ne pas enregistrer les informations utilisateur.
Cookies rôle est de résoudre le "comment enregistrer les informations utilisateur du client":
- Lorsqu'un utilisateur visite une page Web, son nom peut être enregistré dans un cookie.
- Lorsque la prochaine fois que l'utilisateur accéder à la page, vous pouvez lire les enregistrements d'accès de l'utilisateur dans un cookie.
Les cookies avec des paires de valeurs nom de / sont stockés comme suit:
Lorsqu'un navigateur demande une page Web à partir du serveur, les témoins appartenant à la page seront ajoutés à la demande. Le serveur pour obtenir les informations utilisateur de cette façon.
Utilisez JavaScript pour créer Cookie
JavaScript propriété document.cookie peut être utilisé pour créer, lire et supprimer les cookies.
JavaScript, créer un cookie comme suit:
Vous pouvez également ajouter un temps d'expiration du cookie (UTC ou heure GMT). Par défaut, biscuit supprimé lorsque le navigateur est fermé:
Vous pouvez utiliser le paramètre de chemin indique le chemin de cookie de navigateur. Par défaut, biscuit appartient à la page en cours.
Utilisez JavaScript pour lire Cookie
Dans JavaScript, vous pouvez utiliser le code suivant pour lire les cookies:
chaîne de document.cookie retournera toutes sortes de biscuits, de type Format: cookie1 = valeur; cookie2 = valeur; cookie3 = valeur; |
Modifier Cookie en utilisant JavaScript
En JavaScript, modifier les cookies similaires à la création des cookies, comme suit:
Le vieux cookie sera écrasé.
Supprimer Cookie en utilisant JavaScript
Supprimer cookie est très simple. Il vous suffit de définir les paramètres de l'expiration du délai précédent, comme indiqué ci-dessous, est réglé sur Thu, Jan 1970 à 00:00:00 01 GMT:
Notez que lorsque vous supprimez sans préciser la valeur du cookie.
chaîne de Cookie
propriété document.cookie ressemble à une chaîne de texte ordinaire, en fait, il est pas.
Même si vous écrivez un document.cookie complet de chaîne de cookie, lorsque vous relisez les informations de cookie, des informations de cookie est paires nom / valeur sous la forme d'impressions.
Si vous définissez un nouveau cookie, vieux cookie ne sera pas écrasé. Le nouveau cookie sera ajouté à document.cookie, donc document.cookie si vous relisez, vous recevrez les données comme suit:
cookie1 = valeur; cookie2 = valeur;
Si vous avez besoin de trouver une valeur spécifique de cookie, vous devez créer une fonction JavaScript pour trouver la valeur du cookie dans la chaîne de cookie.
instances JavaScript Cookie
Dans l'exemple suivant, nous allons créer un cookie pour stocker le nom du visiteur.
Tout d'abord, les visiteurs de la page Web, il sera demandé de remplir leur nom. Le nom sera stockée dans un cookie.
La prochaine fois que vous accédez à la page un visiteur, il verra un message de bienvenue.
Dans cet exemple, nous allons créer trois fonctions JavaScript:
- valeur du cookie Setter
- Obtenez les valeurs de la fonction cookie
- Fonction détecte la valeur du cookie
valeur du cookie Setter
Tout d'abord, nous créons une fonction pour stocker le nom du visiteur:
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
résolution Fonction:
Plus d'un des paramètres de fonction, nom de cookie pour le cname, valeur du cookie cvalue, et régler l'heure d'expiration du cookie expire.
Cette fonction définit le nom du cookie, valeur du cookie, le temps d'expiration du cookie.
Obtenez les valeurs de la fonction cookie
Ensuite, nous créons une fonction qui renvoie à l'utilisateur de spécifier la valeur du 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 "";
}
résolution Fonction:
Paramètres Nom du cookie est cname.
Créer une variable de texte est utilisé pour récupérer le cookie spécifié: cname + "=".
Utilisez des points-virgules chaîne de document.cookie séparé et affecté à un ca divisé de tableau de chaînes (ca = document.cookie.split ( ';')).
ca tableau de cycle (i = 0; i <ca.length; i ++), et lit ensuite chaque valeur dans le tableau, et la suppression des espaces de fin (c = ca [i] .trim ()).
Si vous trouvez un cookie (c.indexOf (nom) == 0), renvoie la valeur du cookie (c.substring (name.length, c.length).
Si vous ne trouvez pas le cookie, retourne "."
Fonction détecte la valeur du cookie
Enfin, nous pouvons créer une fonction pour détecter si le cookie est créé.
Si vous définissez un cookie, il affiche un message d'accueil.
Si vous ne définissez pas un cookie, il affiche un pop pour enquêter le nom du visiteur et d'appeler le nom setCookie de stockage de fonction du visiteur 365 jours:
{
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);
}
}
}
exemple complet
Exemples
{
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);
}
}
}
Essayez »
Les exemples suivants exécutent la fonction checkCookie () lorsque la page est chargée.