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 相关文章推荐
javascript eval和JSON之间的联系
Dec 31 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
May 11 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
js与jquery回车提交的方法
Feb 03 Javascript
JS实现简易图片轮播效果的方法
Mar 25 Javascript
javascript实现省市区三级联动下拉框菜单
Nov 17 Javascript
Bootstrap每天必学之日期控制
Mar 07 Javascript
angular-cli修改端口号【angular2】
Apr 19 Javascript
Vue基于NUXT的SSR详解
Oct 24 Javascript
关于vue状态过渡transition不起作用的原因解决
Apr 09 Javascript
JS面试题中深拷贝的实现讲解
May 07 Javascript
viewer.js实现图片预览功能
Jun 24 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源代码加密?PHP二进制加密与解密的解决办法
2013/04/22 PHP
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
分享一个常用的javascript静态类
2014/12/31 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
Flow之一个新的Javascript静态类型检查器
2015/12/21 Javascript
学习Angularjs分页指令
2016/07/01 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
javascript面向对象三大特征之多态实例详解
2019/07/24 Javascript
Element-UI中关于table表格的那些骚操作(小结)
2019/08/15 Javascript
vue data对象重新赋值无效(未更改)的解决方式
2020/07/24 Javascript
[01:56]生活中的妖精之七夕特别档
2016/08/09 DOTA
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
Swift中的协议(protocol)学习教程
2016/07/08 Python
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
利用Python进行数据可视化常见的9种方法!超实用!
2018/07/11 Python
python实现小球弹跳效果
2019/05/10 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
Python交互式图形编程的实现
2019/07/25 Python
关于Python中的向量相加和numpy中的向量相加效率对比
2019/08/26 Python
python语言是免费还是收费的?
2020/06/15 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
酒店管理毕业生自荐信
2013/10/24 职场文书
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
党员学习群众路线教育实践活动对照检查材料
2014/09/23 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
安全生产工作汇报
2014/10/28 职场文书
三八妇女节新闻稿
2015/07/17 职场文书
如何使用Python对NetCDF数据做空间相关分析
2021/04/21 Python
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS
Flask搭建一个API服务器的步骤
2021/05/28 Python
html5调用摄像头截图功能
2022/01/18 Javascript