【转载】使用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值。