使用jQuery操作Cookies的实现代码
当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。
当你再次来到该网站时,网站通过读取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});
var cookietime = new Date();
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时
$.cookie("example", "foo",{expires:cookietime});
要设置cookie的保存路径,可以设置path值,如设置路径为根目录:
代码如下:
$.cookie("example", "foo",{path:"/"});
$.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操作cookie方法实例教程
本文实例讲述了jQuery操作cookie的方法.分享给大家供大家参考.具体方法如下: 先来看看jq.cookie的aip 写入cookie 复制代码 代码如下: $.cookie("this-cookie","this-value",{ expires:10,//有效日期 path:"/",//cookie的路 径 domanin: //cookie的域名 secure:true //true,cookie
-
jQuery的cookie插件实现保存用户登陆信息
复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>cookies.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this i
-
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
本文就是要利用cookie插件,获取用户浏览文章历史记录,并将用户最近浏览历史记录显示在页面. 在需要添加cookie的页面加上如下js <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script
-
基于jquery的cookie的用法
example $.cookie('name', 'value'); 设置cookie的值,把name变量的值设为value example $.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie('name', 'value'); 新建cookie example $.cookie('name'
-
jQuery控制cookie过期时间的方法
本文实例讲述了jQuery控制cookie过期时间的方法.分享给大家供大家参考.具体分析如下: jquery.cookie()方法可以设置cookie,默认条件下是浏览器关闭cookie即失效,用下面方法可以解决这个问题 <script type="text/javascript"> var expiresDate= new Date(); expiresDate.setTime(expire.getTime() + (? * 60 * 1000)); //?替换成分钟数如
-
jquery.cookie() 方法的使用(读取、写入、删除)
一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件. <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="
-
怎样使用php与jquery设置和读取cookies
HTTP协议是一种无状态协议,这意味着你对网站的每一个请求都是独立的,而且因此无法通过它自身保存数据.但这种简单性也是它在互联网早期就广泛传播的原因之一. 不过,它仍然有一种方法能让你用cookies的形式来保存请求之间的信息.这种方法使你能够更有效率的进行会话管理和维持数据. 有两种处理cookies的方式-服务端(php,asp等)和客户端(javascript).在这个教程中,我们将学习到以php和javascript这两种方式如何去创建cookies. Cookies and php s
-
jquery插件如何使用 jQuery操作Cookie插件使用介绍
代码: 复制代码 代码如下: jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); // clone object since i
-
jQuery.cookie.js实现记录最近浏览过的商品功能示例
本文实例讲述了jQuery.cookie.js实现记录最近浏览过的商品功能.分享给大家供大家参考,具体如下: 1.jquery.cookie.js /*jquery.cookie.js */ jquery.cookie = function(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value
-
jquery cookie插件代码类
提供方便方法操作cookie : 复制代码 代码如下: $.cookie('the_cookie'); // 获得cookie $.cookie('the_cookie', 'the_value'); // 设置cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain:
-
jquery使用Cookie和JSON记录用户最近浏览历史
在一些电商网站,有"商品浏览历史记录"这一功能,一些视频类.小说类的网站也能记录用户最近的浏览历史.本文将使用Cookie以及JSON来讲解如何实现这一功能. Cookie可以用来记录客户端用户ID.密码.浏览过的网页.停留的时间等信息,jQuery提供了一个cookie插件,能非常方便的读写cookie信息. 基本流程: 1.获取文章详情页面文章的标题和页面地址: 2.获取浏览历史cookie信息,判断如果浏览历史的cookie中已经存在当前文章的浏览记录,则不进行任何操作: 3.如
-
jquery.cookie用法详细解析
Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie). 例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息? 怎么在js/jquery中操作处理cookie那?今天分享一个cookie操作类--jQ
-
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
复制代码 代码如下: //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").va
随机推荐
- 解析php函数method_exists()与is_callable()的区别
- PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
- python 正则表达式学习小结
- Python学习入门之区块链详解
- Zend Studio去除编辑器的语法警告设置方法
- C# Bitmap 复制的小例子
- Windows窗体的.Net框架绘图技术实现方法
- Chkntfs 显示或指定在启动计算机时计划的自动系统检查是否在 FAT、FAT32 或者 NTFS 卷上运行。
- 在SQL SERVER中查询数据库中第几条至第几条之间的数据SQL语句写法
- MYSQL删除匿名用户的方法(提高安全性)
- jQuery时间轴插件使用详解
- 老生常谈的跨域处理
- 判断两种颜色值是否为相似颜色
- SpringMVC restful 注解之@RequestBody进行json与object转换
- Spring MVC 注解自动扫描失效原因分析
- Android开源项目PullToRefresh下拉刷新功能详解
- 解决低版本的浏览器不支持es6的import问题
- 详解Spring cloud使用Ribbon进行Restful请求
- Android实现水波纹扩散效果的实例代码
- redis中热key问题该如何解决