Que sont les cookies ? js crée et stocke manuellement les astuces cookies_javascript

Que sont les cookies ?

Un cookie est une variable stockée sur l'ordinateur d'un visiteur. Ce cookie est envoyé chaque fois que le même ordinateur demande une page via un navigateur. Vous pouvez utiliser JavaScript pour créer et récupérer des valeurs de cookies.
Exemples de cookies :

Cookie de nom
Lorsqu'un visiteur visite une page pour la première fois, il peut renseigner son nom. Le nom sera stocké dans un cookie. Lorsque les visiteurs reviennent sur le site, ils reçoivent un message de bienvenue du type « Bienvenue John Doe ! » Le nom est récupéré du cookie.
Cookie de mot de passe
Lorsqu'un visiteur visite une page pour la première fois, il peut renseigner son mot de passe. Les mots de passe peuvent également être stockés dans des cookies. Lorsqu'ils visitent à nouveau le site, le mot de passe est récupéré à partir du cookie.
Cookie de date
Lorsqu'un visiteur visite votre site Web pour la première fois, la date actuelle peut être stockée dans le cookie. Lorsqu'ils visitent à nouveau le site, ils reçoivent un message similaire à celui-ci : « Votre dernière visite remonte au mardi 11 août 2005 ! ». La date est également récupérée du cookie.

Création et stockage de cookies

Dans cet exemple, nous allons créer un cookie qui stocke le nom du visiteur. Lorsque les visiteurs visitent le site pour la première fois, il leur est demandé de renseigner leur nom. Le nom sera stocké dans un cookie. Lorsque les visiteurs reviennent sur le site Web, ils reçoivent un message de bienvenue.

Tout d'abord, nous allons créer une fonction qui stocke le nom du visiteur dans une variable cookie :

Copier le codeLe le code est le suivant :

function setCookie(c_name,value,expiredays)
{
var exdate=new Date ()
exdate.setDate(exdate.getDate() expiredays)
document.cookie=c_name "=" escape(value)
((expiredays==null) ? "" : ";expires=" exdate.toGMTString())
}

Les paramètres de la fonction ci-dessus stockent le nom, la valeur et les jours d'expiration du cookie.

Dans la fonction ci-dessus, nous convertissons d'abord le nombre de jours en une date valide, puis nous stockons le nom du cookie, sa valeur et sa date d'expiration dans l'objet document.cookie.

Après cela, nous souhaitons créer une autre fonction pour vérifier si le cookie a été défini :

Copier le code Le code est le suivant :

function getCookie(c_name)
{
if (document.cookie.length> 0)
{
c_start=document.cookie.indexOf(c_name "=")
if (c_start!=-1)
{
c_start=c_start c_name.length 1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}

La fonction ci-dessus vérifiera d'abord s'il y a un cookie dans l'objet document.cookie. Si l'objet document.cookie stocke certains cookies, il continuera à vérifier si les cookies que nous spécifions ont été stockés. Si le cookie souhaité est trouvé, une valeur est renvoyée, sinon une chaîne vide est renvoyée.

Enfin, nous devons créer une fonction. La fonction de cette fonction est la suivante : si le cookie a été défini, afficher le message de bienvenue, sinon afficher une boîte de dialogue pour demander à l'utilisateur de saisir un nom.

Copier le code Le code est le suivant :

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Bienvenue à nouveau ' nom d'utilisateur ' !')}
else
{
username=prompt('Veuillez entrer votre nom :',"")
if (nom d'utilisateur!=null && nom d'utilisateur!="")
{
setCookie('username',username,365)
}
}
}

Voici tout le code :

Copier le code Le code est le suivant :