jQuery对Cookie的操作

本文介绍了如何使用jQuery插件进行Cookie的基本操作,包括创建、读取、设置生命周期及路径,并提供了详细的示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery对cookie的操作比较简单,主要介绍下创建cookie和读取cookie,以及如何设定cookie的生命周期和cookie的路径问题。

引入头文件

<script src="<%=request.getContextPath()%>/system/login/jquery.cookie.js"></script>

存储cookie

//简单存储
$.cookie('name', 'value');

//存储一个带8小时生命周期的cookie
var exp = new Date();
exp.setTime(exp.getTime() + 1000*60*60*8);
$.cookie('name','value',{expires:exp});

读取cookie

$.cookie('name'); // => "value"
$.cookie('nothing'); // => undefined
$.cookie(); // => { "name1": "value1", "name2":"value2"}

删除cookie

// 删除成功返回true,否则返回false
$.removeCookie('name'); // => true
$.removeCookie('nothing'); // => false

// 如果存储时设置了路径,那么删除时必须也带上路径参数
$.cookie('name', 'value', { path: '/' });
// 错误的做法!
$.removeCookie('name'); // => false
// 正确的做法!
$.removeCookie('name', { path: '/' }); // => true

相关参数之Path-路径:指定与cookie关联的WEB页

Path值可以是一个目录,或者是一个路径。如果http://www.jb51.net/test/index.html建立了一个cookie,那么在http://www.jb51.net/test/目录里的所有页面,以及该目录下面任何子目录里的页面都可以访问这个cookie。这就是说,在http://www.jb51.net/test/test2/test3里的任何页面都可以访问http://www.jb51.net/test/index.html建立的cookie。但是,如果http://www.jb51.net/test/ 需要访问http://www.jb51.net/test/index.html设置的cookes,该怎么办?

这时,我们要把cookies的path属性设置成“/”。在指定路径的时候,凡是来自同一服务器,URL里有相同路径的所有WEB页面都可以共享cookies。

相关参数之Expires-cookie生命周期

expires默认为天数,最大值为365天,你也可以自己设置为小时,秒,分钟等等,具体使用方法详见存储cookie中的例子。

参考资料

http://www.cnblogs.com/qiao20/p/5729447.html
https://github.com/carhartl/jquery-cookie
http://www.cnblogs.com/muzongyan/archive/2010/08/30/1812552.html
http://www.jb51.net/article/44560.htm

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值