Cookies dans JavaScript : exemple de définition, d'obtention et de suppression
James Hartmann
Les cookies : De quoi s'agit-il ?
Un cookie est une donnée stockée sur votre ordinateur pour être accessible par votre navigateur. Vous avez peut-être également bénéficié des avantages des cookies, sciemment ou inconsciemment. Avez-vous déjà enregistré votre mot de passe Facebook afin de ne pas avoir à le saisir à chaque fois que vous essayez de vous connecter ? Si oui, alors vous utilisez des cookies. Les cookies sont enregistrés sous forme de paires clé/valeur.
Pourquoi avez-vous besoin d'un cookie ?
La communication entre un navigateur web et le serveur utilise un protocole sans état nommé HTTP. Le protocole sans état traite chaque demande indépendamment. Ainsi, le serveur ne conserve pas les données après les avoir envoyées au navigateur. Mais dans de nombreuses situations, les données seront à nouveau nécessaires. Voici les cookies dans une image. Avec les cookies, le navigateur Web n'aura pas à communiquer avec le serveur à chaque fois que les données seront requises. Au lieu de cela, il peut être récupéré directement depuis l’ordinateur.
Javascript Ensemble de biscuits
Vous pouvez créer des cookies à l'aide du document. propriété de cookie comme celle-ci.
document.cookie = "cookiename=cookievalue"
Vous pouvez même ajouter une date d'expiration à votre cookie afin que le cookie en question soit supprimé de l'ordinateur à la date spécifiée. La date d'expiration doit être définie au format UTC/GMT. Si vous ne définissez pas la date d'expiration, le cookie sera supprimé lorsque l'utilisateur fermera le navigateur.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
Vous pouvez également définir le domaine et le chemin pour spécifier à quel domaine et à quels répertoires du domaine spécifique appartient le cookie. Par défaut, un cookie appartient à la page qui définit le cookie.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "
//crée un cookie avec un domaine vers la page actuelle et un chemin vers l'ensemble du domaine.
JavaScript pour obtenir un cookie
Vous pouvez accéder au cookie comme ceci qui renverra tous les cookies enregistrés pour le domaine actuel.
var x = document.cookie
JavaScript de suppression de cookie
Pour supprimer un cookie, il vous suffit de définir la valeur du cookie sur vide et de définir la valeur d'expiration sur une date passée.
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
Essayez cet exemple vous-même
Instructions spéciales pour faire fonctionner le code… Appuyez deux fois sur le bouton Exécuter
<html>
<head>
<title>Cookie!!!</title>
<script type="text/javascript">
function createCookie(cookieName,cookieValue,daysToExpire)
{
var date = new Date();
date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
}
function accessCookie(cookieName)
{
var name = cookieName + "=";
var allCookieArray = document.cookie.split(';');
for(var i=0; i<allCookieArray.length; i++)
{
var temp = allCookieArray[i].trim();
if (temp.indexOf(name)==0)
return temp.substring(name.length,temp.length);
}
return "";
}
function checkCookie()
{
var user = accessCookie("testCookie");
if (user!="")
alert("Welcome Back " + user + "!!!");
else
{
user = prompt("Please enter your name");
num = prompt("How many days you want to store your name on your computer?");
if (user!="" && user!=null)
{
createCookie("testCookie", user, num);
}
}
}
</script>
</head>
<body onload="checkCookie()"></body>
</html>
