欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-09-07 16:50:22
Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。jQuery是一个封装好的JavaScript库,使用jQuery可以极大地简化了JavaScript编程,方便前端开发人员。使用传统的javascript来操作cookie的话会相对比较繁 ......

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

首先到jquery官网下载对应的jquery.cookie.js插件:。下载完成后将此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技术小趣屋。原文链接:查看原文