jquery cookie用法(获取cookie值,删除cookie)

迈不过友情╰ 2022-01-16 11:19 668阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。

使用JQuery操作cookie时 发生取的值不正确的问题：

结果发现cookie有四个不同的属性:   
名称，内容，域，路径

<table> 
 <tbody> 
  <tr> 
   <td>&nbsp;代码如下</td> 
   <td>复制代码</td> 
  </tr> 
  <tr> 
   <td><p><br>$.cookie('the_cookie'); // 读取 cookie&nbsp;<br>$.cookie('the_cookie', 'the_value'); // 存储 cookie&nbsp;<br>$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie&nbsp;<br>$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie</p></td> 
  </tr> 
 </tbody> 
</table>

使用：

<table> 
 <tbody> 
  <tr> 
   <td>&nbsp;代码如下</td> 
   <td>复制代码</td> 
  </tr> 
  <tr> 
   <td>$.cookie("currentMenuID", menuID);</td> 
  </tr> 
 </tbody> 
</table>

时 未指定域和路径。   
所有当域和路径不同时会产生不同的cookie

<table> 
 <tbody> 
  <tr> 
   <td>&nbsp;代码如下</td> 
   <td>复制代码</td> 
  </tr> 
  <tr> 
   <td>$.cookie("currentMenuID");</td> 
  </tr> 
 </tbody> 
</table>

取值时会产生问题。

故：

<table> 
 <tbody> 
  <tr> 
   <td>&nbsp;代码如下</td> 
   <td>复制代码</td> 
  </tr> 
  <tr> 
   <td>$.cookie("currentMenuID", "menuID", { path: "/"});&nbsp;<br></td> 
  </tr> 
 </tbody> 
</table>

进行覆盖。同域下同一个cookieID对应一个值。

**下面我们来看个实例**

关于cookie的path设置需要注意，如果不设置path:'/'的话，path则会根据目录自动设置\[如:http://www.xxx.com/user/,path会被设置为 '/user'\]

<table> 
 <tbody> 
  <tr> 
   <td>&nbsp;代码如下</td> 
   <td>复制代码</td> 
  </tr> 
  <tr> 
   <td><p>$.extend({&nbsp;<br>&nbsp;&nbsp;<br>/**&nbsp;&nbsp;<br>&nbsp;1. 设置cookie的值，把name变量的值设为value&nbsp;&nbsp;&nbsp;&nbsp;<br>example $.cookie(’name’, ‘value’);&nbsp;<br>&nbsp;2.新建一个cookie 包括有效期 路径 域名等&nbsp;<br>example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘<a href="http://www.php100.com/list-139/" rel="nofollow">jquery</a>.com’, secure: true});&nbsp;<br>3.新建cookie&nbsp;<br>example $.cookie(’name’, ‘value’);&nbsp;<br>4.删除一个cookie&nbsp;<br>example $.cookie(’name’, null);&nbsp;<br>5.取一个cookie(name)值给myvar&nbsp;<br>var account= $.cookie('name');&nbsp;<br>**/<br>&nbsp;&nbsp;&nbsp; cookieHelper: function(name, value, options) {&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (typeof value != '<a href="http://www.php100.com/tags.php/undefined/" rel="nofollow">undefined</a>') { // name and value given, set cookie&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; options = options || {};&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (value === null) {&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; value = '';&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; options.expires = -1;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var expires = '';&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (options.expires &amp;&amp; (typeof options.expires == 'number' || options.expires.toUTCString)) {&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var date;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (typeof options.expires == 'number') {&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; date = new Date();&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else {&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; date = options.expires;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var path = options.path ? '; path=' + options.path : '';&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var domain = options.domain ? '; domain=' + options.domain : '';&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var secure = options.secure ? '; secure' : '';&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else { // only name given, get cookie&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var cookieValue = null;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (document.cookie &amp;&amp; document.cookie != '') {&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var cookies = document.cookie.split(';');&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for (var i = 0; i &lt; cookies.length; i++) {&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var cookie = jQuery.trim(cookies[i]);&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Does this cookie string begin with the name we want?&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (cookie.<a href="http://www.php100.com/tags.php/substr/" rel="nofollow">substr</a>ing(0, name.length + 1) == (name + '=')) {&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; cookieValue = decodeURIComponent(cookie.substring(name.length + 1));&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return cookieValue;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;<br>&nbsp;&nbsp;&nbsp; }&nbsp;<br>&nbsp;&nbsp;<br>});</p></td> 
  </tr> 
 </tbody> 
</table>

Jquery操作Cookie记录用户查询过信息

http://www.php100.com/wy/js-ajax/40554.htm

转载于:https://my.oschina.net/u/1866821/blog/306954

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220114/1b3c4c847eb24c82ba34ddc4e98707be.png