Jquery cookie设置删除及查询方法

overme2个月前 (10-17)网页设计129
以下将从jquery引入、cookie插件引入、Cookie设置、删除及获取进行说明:

1.如何引入jquery,可以使用cdn资源,也可以下载后加载本地资源。
<script src=”//cdn.bootcss.com/jquery/1.12.4/jquery.js”></script>

2.引入jquery cookie插件,同样可以加载本地资源
<script src=”//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js”></script>

3.调用jquery cookie插件封装好的方法操作cookie

① 设置新的cookie:

$.cookie(‘name’,’isClose’);  //设置一个值为’isClose’的cookie

设置cookie的生命周期
$.cookie(‘key’, ‘value’, { expires: 1 }); //设置为1天,默认值:浏览器关闭

设置cookie的域名:
$.cookie(‘name’,’isClose’, {domain:’5izixue.com’});   //设置一个值为’isClose’的在域名’5izixue.com’的cookie

设置cookie的路径:
$.cookie(‘name’,’isClose’, {domain:’5izixue.com’,path:’/’});  
//设置一个值为’dumplings’的在域名’5izixue.com’的路径为’/’的cookie

② 删除cookie
$.removeCookie(‘name’,{ path: ‘/’}); //path为指定路径,直接删除该路径下的cookie
$.cookie(‘name’,null,{ path: ‘/’}); //将cookie名为‘openid’的值设置为空,实际已删除

③ 获取cookie
$.cookie(‘name’)

cookie的域名和路径都很重要,如果没有设置成一致,则会有不同域名下或者不同路径下的同名cookie,为了避免这种情况,建议在设置cookie和删除cookie的时候,配置路径和域名。

相关文章


		网页中通过JS显示当前时间

网页中通过JS显示当前时间

如下图所示,在114好帮手的网站顶部,有一个显示时间的效果。该怎么实现呢! 1、需要在网页中构造一个js方法,获取当前时间,并转换为需要的格式。 <script type=”tex...


		html网页如何通过jQuery禁用表单Enter提交

html网页如何通过jQuery禁用表单Enter提交

背景:小编开发了一个html网页,提供了输入内容后,点击保存的功能。其中输入项有个项目,输入用户id后可以自动获取用户名和其他信息。用户在使用中,输入id后习惯性按enter触发获取用户名等信息的...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。