2016年07月20日
阅读: 3133
Jquery操作cookie
友情提醒:本文最后更新于 3076 天前,文中所描述的信息可能已发生改变,请谨慎使用。
Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。
当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。从本质上讲,它可以看作是你的身份证。
使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:http://plugins.jquery.com/cookie/
1.创建Cookie
使用jQuery设置cookie非常简单。如,我们创建一个名为example,值为foo的cookie:
$.cookie("example", "foo");
要设置cookie的有效期,可以设置expires值,如设置cookie的过期时间为10天:
$.cookie("example", "foo", {expires: 10});
设置cookie一小时后过期:
var cookietime = new Date();
cookietime.setTime(cookietime.getTime() + (60 * 60 * 1000));
$.cookie("example", "foo", {expires: cookietime});
要设置cookie的保存路径,可以设置path值,如设置路径为根目录:
$.cookie("example", "foo", {path: "/"});
如果要设置路径为/admin,则:
$.cookie("example", "foo", {path: "/admin"});
2.获取cookie值
使用jQuery获取cookie的值的方法那是相当的简单,下面是弹出框显示名为example的cookie的值:
$.cookie("example")
3.删除Cookie
使用jQuery删除cookie,只需要将cookie的值为null,注意如果设置值为空的字符串时,并不能删除cookie,只是将cookie值清空而已。
$.cookie("example", null);