jquery.cookie.js 操作cookie实现记住密码功能的实现代码


Posted in Javascript onApril 27, 2011

jquery.cookie.js 使用方法

Cookies

定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;

下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

使用:

1.添加一个"会话cookie"

$.cookie('the_cookie', 'the_value');

这里没有指明 cookie有效时间,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为 “会话cookie(session cookie)”。

2.创建一个cookie并设置有效时间为 7天

$.cookie('the_cookie', 'the_value', { expires: 7 });

这里指明了cookie有效时间,所创建的cookie被称为“持久 cookie (persistent cookie)”。注意单位是:天;

3.创建一个cookie并设置 cookie的有效路径

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突)。

4.读取cookie

$.cookie('the_cookie');

5.删除cookie

$.cookie('the_cookie', null);   //通过传递null作为cookie的值即可

6.可选参数

$.cookie('the_cookie','the_value',{
    expires:7, 
    path:'/',
    domain:'jquery.com',
    secure:true
}) 

expires:(Number|Date)有效期;设置一个整数时,单位是天;也可以设置一个日期对象作为Cookie的过期日期;
path:(String)创建该Cookie的页面路径;
domain:(String)创建该Cookie的页面域名;
secure:(Booblean)如果设为true,那么此Cookie的传输会要求一个安全协议,例如:HTTPS;

//初始化页面时验证是否记住了密码 
$(document).ready(function () 
{
  if ($.cookie("rmbUser") == "true") 
  {
    $("#rmbUser").attr("checked", true);
    $("#user").val($.cookie("userName"));
    $("#pass").val($.cookie("passWord"));
  }
});
//保存用户信息 
function saveUserInfo() 
{
  if ($("#rmbUser").attr("checked") == true) 
  {
    var userName = $("#user").val();
    var passWord = $("#pass").val();
    $.cookie("rmbUser", "true", {
      expires : 7 
    });
    // 存储一个带7天期限的 cookie 
    $.cookie("userName", userName, {
      expires : 7 
    });
    // 存储一个带7天期限的 cookie 
    $.cookie("passWord", passWord, {
      expires : 7 
    });
    // 存储一个带7天期限的 cookie 
  }
  else 
  {
    $.cookie("rmbUser", "false", {
      expires : - 1 
    });
    $.cookie("userName", '', {
      expires : - 1 
    });
    $.cookie("passWord", '', {
      expires : - 1 
    });
  }
}

最重要的几行代码:

$.cookie('the_cookie'); // 读取 cookie 
$.cookie('the_cookie', 'the_value'); // 存储 cookie 
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie 
$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie
Javascript 相关文章推荐
Java 正则表达式学习总结和一些小例子
Sep 13 Javascript
jQuery中使用Ajax获取JSON格式数据示例代码
Nov 26 Javascript
一览画面点击复选框后获取多个id值的方法
May 30 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
Vue指令的钩子函数使用方法
Mar 20 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
Jun 15 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
Jul 17 Javascript
纯js实现图片匀速淡入淡出效果
Aug 22 Javascript
浅谈vue引入css,less遇到的坑和解决方法
Jan 20 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
JavaScript实现封闭区域布尔运算的示例代码
Jun 25 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
Aug 06 Javascript
jquery调用asp.net 页面后台的实现代码
Apr 27 #Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
Apr 27 #Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 #Javascript
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
Apr 27 #Javascript
javascript中的继承实例代码
Apr 27 #Javascript
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 #Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
Apr 27 #Javascript
You might like
PHP 文件类型判断代码
2009/03/13 PHP
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
通过jQuery源码学习javascript(三)
2012/12/27 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
2015/08/24 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
2016/11/01 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
vue component组件使用方法详解
2017/07/14 Javascript
javaScript之split与join的区别(详解)
2017/11/08 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python中count函数简单的实例讲解
2020/02/06 Python
Python操作Elasticsearch处理timeout超时
2020/07/17 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
纽约家具、家居装饰和地毯店:ABC Carpet & Home
2017/06/21 全球购物
印度首个本地在线平台:nearbuy
2019/03/28 全球购物
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
请解释流与文件有什么不同
2016/07/29 面试题
如何整合JQuery和Prototype
2014/01/31 面试题
技校教师求职简历的自我评价
2013/10/20 职场文书
商场端午节活动方案
2014/01/29 职场文书
一夜的工作教学反思
2014/02/08 职场文书
学生社团文化节开幕式主持词
2014/03/28 职场文书
竞选劳动委员演讲稿
2014/04/28 职场文书
优质服务口号
2014/06/11 职场文书
2014年乡镇人大工作总结
2014/11/25 职场文书
医者仁心观后感
2015/06/17 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书
为什么代码规范要求SQL语句不要过多的join
2021/06/23 MySQL
图文详解Nginx版本平滑升级方案
2021/09/15 Servers
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫
清空 Oracle 安装记录并重新安装
2022/04/26 Oracle