使用jQuery操作Cookies的实现代码
2011-10-09 00:00
776 查看
当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。
当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。从本质上讲,它可以看作是你的***。
使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:http://plugins.jquery.com/project/Cookie
创建Cookie
使用jQuery设置cookie非常简单。如,我们创建一个名为“example”,值为“foo”的cookie:
要设置cookie的有效期,可以设置expires值,如设置cookie的过期时间为10天:
设置cookie一小时后过期:
要设置cookie的保存路径,可以设置path值,如设置路径为根目录:
如果要设置路径为/admin,则:
获取cookie值
使用jQuery获取cookie的值的方法那是相当的简单,下面是弹出框显示名为“example”的cookie的值:
删除Cookie
使用jQuery删除cookie,只需要将cookie的值为null,注意如果设置值为空的字符串时,并不能删除cookie,只是将cookie值清空而已。
了解了cookie相关设置操作方法后,再接下来的文章中,我会用实例演示cookies的应用,如记录网站用户浏览的历史记录(浏览过的商品、看过的电影),敬请关注。
当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。从本质上讲,它可以看作是你的***。
使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:http://plugins.jquery.com/project/Cookie
创建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(date.getTime() + (60 * 60 * 1000));//coockie保存一小时 $.cookie("example", "foo",{expires:cookietime});
要设置cookie的保存路径,可以设置path值,如设置路径为根目录:
$.cookie("example", "foo",{path:"/"});
如果要设置路径为/admin,则:
$.cookie("example", "foo",{path:"/admin"});
获取cookie值
使用jQuery获取cookie的值的方法那是相当的简单,下面是弹出框显示名为“example”的cookie的值:
alert($.cookie("example"));
删除Cookie
使用jQuery删除cookie,只需要将cookie的值为null,注意如果设置值为空的字符串时,并不能删除cookie,只是将cookie值清空而已。
$.cookie("example",null);
了解了cookie相关设置操作方法后,再接下来的文章中,我会用实例演示cookies的应用,如记录网站用户浏览的历史记录(浏览过的商品、看过的电影),敬请关注。
相关文章推荐
- 使用jQuery操作Cookies的实现代码
- 使用jQuery操作Cookies的实现代码
- 使用jQuery操作Cookies的实现代码
- 使用jQuery操作Cookies的实现代码
- 以下是jQuery和JavaScript实现相同操作的等价代码。
- 使用ASP.NET MVC 4 Async Action+jQuery实现消息通知机制的实现代码
- 使用jQuery轻松实现Ajax的实例代码
- JQuery select控件的相关操作实现代码
- Jquery操作复选框(CheckBox)的取值赋值实现代码
- 实现一个栈操作,将1~12月的英文单词压入栈中,然后再将其取出,使用Java代码实现(ERP软件公司2005.10)
- ASP.NET下对cookies的操作实现代码
- JQuery 操作select标签实现代码
- 使用Jquery打造最佳用户体验的登录页面的实现代码
- jquery下json数组的操作实现代码
- 使用jQuery同时控制四张图片的伸缩实现代码
- Jquery操作复选框(CheckBox)的取值赋值实现代码
- jQuery操作 input type=checkbox的实现代码
- 使用jQuery实现星级评分代码分享
- jquery 操作单选框,复选框,下拉列表实现代码