JavaScript cookies
Un cookie est souvent utilisé pour identifier un utilisateur.
Qu'est-ce qu'un cookie?
Un cookie est une variable qui est stocké sur l'ordinateur du visiteur. Chaque fois que les demandes informatiques mêmes une page avec un navigateur, il enverra le cookie trop. Avec JavaScript, vous pouvez à la fois de créer et de récupérer la valeur du cookie.
Exemples de cookies:
- Nom cookies - La première fois qu'un visiteur arrive sur votre page web, il ou elle doit remplir dans son / son nom. Le nom est ensuite stockée dans un cookie. La prochaine fois que le visiteur arrive sur votre page, il ou elle pourrait obtenir un message de bienvenue comme "Doe John Bienvenue!" Le nom est extrait à partir du cookie stocké
- Date de cookies - La première fois qu'un visiteur arrive sur votre page web, la date courante est stockée dans un cookie. La prochaine fois que le visiteur arrive sur votre page, il ou elle pourrait obtenir un message du genre "Votre dernière visite le mardi 11 Août 2005!" La date est récupérée à partir du cookie stocké
Créer et stocker un cookie
Dans cet exemple nous allons créer un cookie qui stocke le nom d'un visiteur. La première fois qu'un visiteur arrive sur la page web, il ou elle sera invité à remplir dans son / son nom. Le nom est ensuite stockée dans un cookie. La prochaine fois que le visiteur arrive à la même page, il ou elle recevra un message de bienvenue.
Tout d'abord, nous créons une fonction qui stocke le nom du visiteur dans une variable cookie:
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
Les paramètres de la fonction ci-dessus contient le nom du cookie, la valeur du cookie, et le nombre de jours jusqu'à ce que le cookie expire.
Dans la fonction ci-dessus nous avons d'abord convertir le nombre de jours à une date valide, puis on ajoute le nombre de jours jusqu'à ce que le cookie doit expirer. Après que nous stockons le nom du cookie, valeur du cookie et la date d'expiration dans l'objet document.cookie.
Ensuite, nous créons une autre fonction qui renvoie un cookie spécifié:
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}
La fonction rend un tableau ci-dessus pour récupérer des noms de cookies et les valeurs, puis il vérifie si le cookie spécifié existe, et renvoie la valeur du cookie.
Enfin, nous créons la fonction qui affiche un message de bienvenue si le cookie est créé, et si le cookie n'est pas réglé, il affiche une boîte d'invite, vous demandant le nom de l'utilisateur, et stocke le cookie nom d'utilisateur pour 365 jours, en appelant la fonction setCookie:
function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
{
alert("Welcome again " + username);
}
else
{
username=prompt("Please enter your name:","");
if (username!=null && username!="")
{
setCookie("username",username,365);
}
}
}
{
var username=getCookie("username");
if (username!=null && username!="")
{
alert("Welcome again " + username);
}
else
{
username=prompt("Please enter your name:","");
if (username!=null && username!="")
{
setCookie("username",username,365);
}
}
}
Tous ensemble:
Exemple
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
{
alert("Welcome again " + username);
}
else
{
username=prompt("Please enter your name:","");
if (username!=null && username!="")
{
setCookie("username",username,365);
}
}
}
</script>
</head>
<body onload="checkCookie()">
</body>
</html>
<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
{
alert("Welcome again " + username);
}
else
{
username=prompt("Please enter your name:","");
if (username!=null && username!="")
{
setCookie("username",username,365);
}
}
}
</script>
</head>
<body onload="checkCookie()">
</body>
</html>
Essayez vous-même »
L'exemple ci-dessus fonctionne la fonction checkCookie () quand la page se charge.
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT