【转载】使用Jquery操作Cookie对象

Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。jQuery是一个封装好的JavaScript库,使用jQuery可以极大地简化了JavaScript编程,方便前端开发人员。使用传统的javascript来操作cookie的话会相对比较繁琐些,需要自己封装相应的方法,而Jquery库中正好包含了这样一个操作cookie的插件jquery.cookie.js,大大简化操作。

首先到Jquery官网下载对应的jquery.cookie.js插件:http://plugins.jquery.com/cookie/。下载完成后将此js文件引入到你的前端页面中。引入的方法如下(j假设放在js的文件夹中):

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

引入文件之后,你即可使用Jquery.cookie.js中定义的函数方法来操作cookie。

(1)添加一个会话级别的Cookie对象

$.cookie('the_cookie', 'the_value');

通过此语句添加的cookie对象为会话级别,在语句中没有设置有效期,默认到浏览器关闭的时候即会清空。

(2)创建一个包含有效期的持久Cookie对象

$.cookie('the_cookie', 'the_value', { expires: 3 });

在此语句中设置了Cookie有效期为3天。

(3)创建Cookie的同时指定存储路径。

$.cookie('the_cookie', 'the_value', { expires: 3, path: '/' });

(4)读取已有的Cookie对象和删除Cookie

$.cookie('cookieName'); //cookieName是Cookie对象的Name,如果存在则返回该cookie的Value。
$.cookie('cookieName', null);//cookieName是Cookie对象的Name,如果存在则会将Name的Cookie对象移除。


扩展阅读:使用原生javascript操作Cookie值。 

备注:此文章转载自博主个人技术站点:IT技术小趣屋。原文链接:查看原文

博主个人技术交流群:960640092,博主微信公众号如下:



原文地址:https://www.cnblogs.com/xu-yi/p/10501702.html