Première compréhension et application des cookies (js et jq)_Connaissances de base

Que sont les cookies

-------------------------------------------------------------- --- ----

Le cookie est un mécanisme fourni par le navigateur, qui fournit l'attribut cookie de l'objet document à JavaScript. Il peut être contrôlé par JavaScript et n'est pas une propriété de JavaScript lui-même. Un cookie est un fichier stocké sur le disque dur de l'utilisateur. Ce fichier correspond généralement à un nom de domaine. Lorsque le navigateur accède à nouveau au nom de domaine, le cookie est rendu disponible. Par conséquent, les cookies peuvent s'étendre sur plusieurs pages Web sous un seul nom de domaine, mais ne peuvent pas être utilisés sur plusieurs noms de domaine.

Cas d'utilisation des cookies

-------------------------------------------------------------- --- ----

(1) Enregistrez le statut de connexion de l'utilisateur. Par exemple, l'identifiant de l'utilisateur est stocké dans un cookie afin que l'utilisateur n'ait pas besoin de se reconnecter lors de sa prochaine visite sur la page. De nombreux forums et communautés proposent désormais cette fonction. Les cookies peuvent également définir un délai d'expiration. À l'expiration du délai, le cookie disparaîtra automatiquement. Par conséquent, le système peut souvent inviter les utilisateurs à rester connectés : les options courantes sont un mois, trois mois, un an, etc.

(2) Suivez le comportement des utilisateurs. Par exemple, un site Web de prévisions météorologiques peut afficher les conditions météorologiques locales en fonction de la région sélectionnée par l'utilisateur. Si vous devez sélectionner l'emplacement à chaque fois, cela sera fastidieux. Lorsque des cookies sont utilisés, cela deviendra très convivial. Le système pourra mémoriser la zone visitée la dernière fois, lors de la prochaine ouverture de la page, elle s'affichera automatiquement. le dernier utilisateur. Conditions météorologiques dans votre région. Parce que tout se fait en arrière-plan, une telle page est comme si elle était personnalisée pour un certain utilisateur et est très pratique à utiliser.

(3) Page personnalisée. Si le site Web propose la fonction de changer l'apparence ou de modifier la mise en page, les cookies peuvent être utilisés pour enregistrer les options de l'utilisateur, telles que la couleur d'arrière-plan, la résolution, etc. Lors de la prochaine visite de l'utilisateur, le style d'interface de la dernière visite peut toujours être enregistré.

Comment utiliser les cookies

-------------------------------------------------------------- --- ----

Méthode js :

function setCookie(sName, sValue, oExpires, sPath, sDomain, bSecure) { //js设置cookie 
        var sCookie = sName + '=' + encodeURIComponent(sValue); 
         if (oExpires) { 
           var date = new Date(); 
           date.setTime(date.getTime() + oExpires * 60 * 60 * 1000); 
           sCookie += '; expires=' + date.toUTCString(); 
        } 
        if (sPath) { 
           sCookie += '; path=' + sPath; 
        if (sDomain) { 
           sCookie += '; domain=' + sDomain; 
        } 
         if (bSecure) { 
           sCookie += '; secure'; 
        } 
         document.cookie = sCookie; 
 }

function getCookie(name){ //获取cookie
    var strCookie=document.cookie; 
    var arrCookie=strCookie.split("; "); 
    for(var i=0;i<arrCookie.length;i++){ 
    var arr=arrCookie[i].split("="); 
      if(arr[0]==name){
        return decodeURIComponent(arr[1]); 
      }
    } 
    return ""; 
  }

function delCookie(name){//删除cookie
// 该函数检查下cookie是否设置，如果设置了则将过期时间调到过去的时间;
//剩下就交给操作系统适当时间清理cookie啦
if (getCookie(name))
  {
      document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
  }
}

Méthode du plug-in jq :

Site officiel de jqhttp://plugins.jquery.com/ Plug-in de cookie de recherche, de plusieurs kilo-octets, très simple à utiliser :

Après avoir introduit les fichiers de bibliothèque ci-dessus, la méthode d'utilisation est la suivante :

<script>
    $.cookie('the_cookie'); //读取Cookie值 
    $.cookie('the_cookie', 'the_value'); //设置cookie的值 
    $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等 
    $.cookie('the_cookie', 'the_value'); //新建cookie 
    $.cookie('the_cookie', null); //删除一个cookie 
 </script>

L'article ci-dessus sur la première compréhension et l'application des cookies (js et jq) est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère que vous soutiendrez Script Home.