Comment définir des cookies dans le front-end

Cette fois, je vais vous montrer comment paramétrer les cookies dans le front-end, et quelles sont les précautions à prendre pour paramétrer les cookies dans le front-end. Voici un cas pratique, jetons un oeil.

Cookie

Qu'est-ce que c'est : C'est un moyen de stocker des informations sur le disque dur du client.

Pourquoi l'utiliser ? : Peut être utilisé pour stocker certaines informations et obtenir des effets spéciaux. Par exemple, vous pouvez éviter de vous connecter pendant un certain nombre de jours ou stocker quelques petites données.

La signification de certains champs dans le cookie :

1. key=value (key=value) est une paire clé-valeur de cookie, généralement obtenue en fonction de key La valeur correspondante

2. expires (heure d'expiration) définit l'heure d'expiration du cookie, également séparée par ';', expires=GMT timestring, Par exemple , si vous souhaitez éviter de vous connecter pendant 30 jours, vous pouvez définir la date d'expiration à 30 jours à compter d'aujourd'hui. Si le délai d'expiration n'est pas défini, le navigateur fermera le cookie et disparaîtra par défaut.

3. le cookie de chemin ne peut pas être obtenu partout. Le site Web est divisé en plusieurs répertoires. Les cookies ne peuvent pas être utilisés dans de nombreux répertoires, vous pouvez donc définir le chemin du cookie, qui est plus sécurisé et empêche tout répertoire d'accéder au cookie. Passez path=/E:javascript/test pour que le cookie ne puisse être obtenu que dans ce répertoire

4. domaine (domaine) Par défaut, le cookie est l'endroit où le cookie est Il n'est accessible que sous le nom de domaine, mais parfois a.chaijinsong.com doit accéder au cookie sous b.chaijinsong.com. Dans ce cas, domain=chaijinsong.com doit être défini. De cette façon, les deux sous-domaines peuvent accéder au cookie

5. secure (sécurité) Le secure par défaut est false, c'est-à-dire qu'il est transmis via le protocole http, mais si secure=true, il ne peut transférer que via https

Comment utiliser ? :

document.cookie; //获取cookie
"aaa=aaa;bbb=bbb" //类似于这种格式，但是并不是字符串。
//设置cookie,也可以用来进行删除cookie，即将过期时间设置为过去的时间，最后一个参数可以传负数来实现
function setCookie(cname,cvalue,exdays){
  var d = new Date();
  d.setTime(d.getTime()+(exdays*24*60*60*1000));
  var expires = "expires="+d.toGMTString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}
setCookie('cjs','cjs',30); //设置 name为cjs，value为cjs的一个cookie，并且时间为30天。
setCookie('cjs','cjs',-1); //让该cookie过期,然后在document.cookie中就没有cjs=cjs这个cookie了。但是其他key=value还存在
//获取某个key的cookie
function getCookie(key){
    let arr1 = document.cookie.split(';');
    for(let i=0;i<arr1.length;i++){
        let arr2 = arr1[i].split('=');
        if(key.trim() === arr2[0].trim()){
            return (arr2[1]);
        }
    }
    return "";
}
getCookie('cjs'); //因为上面已经将cjs这个cookie干掉了，所以这里得到为 ""

Remarque : Il n'est pas autorisé d'ouvrir un fichier html local sur le navigateur Google et d'attribuer directement une valeur de cookie, mais Firefox le peut. Donc, si vous souhaitez tester, ouvrez d'abord le serveur localement, puis utilisez l'adresse IP locale pour accéder au fichier. Effectuer des opérations de cookies.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez faire attention au site Web php chinois Autres articles liés !

Lecture recommandée :

Utiliser CSS pour réaliser une animation de combat de tennis de table

Utiliser CSS pour réaliser une animation de combat de tennis de table

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!