jQuery obtient la valeur du cookie et supprime l'utilisation du cookie example

jQuery obtient la valeur du cookie et supprime l'utilisation du cookie example_jquery

WBOY

Libérer： 2016-05-16 15:05:22

original

1632 Les gens l'ont consulté

L'exemple de cet article décrit l'utilisation de jQuery pour obtenir la valeur du cookie et supprimer le cookie. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Cookie a une classe d'opération de cookie désignée dans jquery. Ici, nous présenterons d'abord quelques problèmes lors de l'utilisation des classes d'opération de cookie, puis présenterons la méthode d'utilisation correcte.

Lors de l'utilisation de JQuery pour exploiter des cookies, une valeur incorrecte apparaît :

Il s'avère que les cookies ont quatre attributs différents :

Nom, contenu, domaine, chemin

$.cookie('the_cookie'); // 读取 cookie
$.cookie('the_cookie', 'the_value'); // 存储 cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie

Copier après la connexion

Utilisation :

$.cookie("currentMenuID", menuID);

Copier après la connexion

Lorsque le domaine et le chemin ne sont pas précisés.

Des cookies différents seront donc générés lorsque le domaine et le chemin sont différents

$.cookie("currentMenuID");

Copier après la connexion

Il y aura des problèmes lors de l'obtention de la valeur.

Utilisez donc :

$.cookie("currentMenuID", "menuID", { path: "/"});

Copier après la connexion

Remplacement. Le même cookieID dans le même domaine correspond à une valeur.

Regardons un exemple

Vous devez faire attention au paramétrage du chemin des cookies. Si vous ne définissez pas path:'/', le chemin sera automatiquement défini en fonction du répertoire (tel que : http://www.xxx.com/). user/, le chemin sera défini sur ' /user')

$.extend({
/**
 1. 设置cookie的值，把name变量的值设为value
example $.cookie('name', 'value');
 2.新建一个cookie 包括有效期 路径 域名等
example $.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
3.新建cookie
example $.cookie('name', 'value');
4.删除一个cookie
example $.cookie('name', null);
5.取一个cookie(name)值给myvar
var account= $.cookie('name');
**/
  cookieHelper: function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
      options = options || {};
      if (value === null) {
        value = '';
        options.expires = -1;
      }
      var expires = '';
      if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
        var date;
        if (typeof options.expires == 'number') {
          date = new Date();
          date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
        } else {
          date = options.expires;
        }
        expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
      }
      var path = options.path &#63; '; path=' + options.path : '';
      var domain = options.domain &#63; '; domain=' + options.domain : '';
      var secure = options.secure &#63; '; secure' : '';
      document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
      var cookieValue = null;
      if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
          var cookie = jQuery.trim(cookies[i]);
          // Does this cookie string begin with the name we want&#63;
          if (cookie.substring(0, name.length + 1) == (name + '=')) {
            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
            break;
          }
        }
      }
      return cookieValue;
    }
  }
});

Copier après la connexion

Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter les sujets spéciaux sur ce site : "Résumé des compétences en matière d'opération de cookie JQuery", "Résumé des compétences en matière d'opération de table jQuery (table)" , "Résumé des effets et techniques de glisser jQuery", "Résumé des techniques d'extension jQuery", "Résumé des effets spéciaux classiques courants jQuery", "Résumé de l'utilisation des animations et des effets spéciaux jQuery", "Résumé de l'utilisation du sélecteur jquery" et "Plug-ins communs jQuery et résumé de l'utilisation"

J'espère que cet article sera utile à tous ceux qui programment jQuery.