jQuery加密密码到cookie的实现代码


Posted in jQuery onApril 18, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
  <table>
    <tr>
      <th>账号:</th>
      <td><input type="text" id="username" /></td>
    </tr>
    <tr>
      <th>密码:</th>
      <td><input type="text" id="password" /></td>
    </tr>
    <tr>
      <td><button onclick="setCookie();">保存</button></td>
      <td><button onclick="getCookie();">读取</button></td>
    </tr>
  </table>
</body>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery.cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="https://raw.githubusercontent.com/yckart/jquery.base64.js/master/jquery.base64.js"></script>
<script type="text/javascript">
  function setCookie() { //设置cookie 
    var loginCode = $("#username").val(); //获取用户名信息 
    var pwd = $("#password").val(); //获取登陆密码信息 
    $.cookie("username", loginCode);//调用jquery.cookie.js中的方法设置cookie中的用户名 
    $.cookie("pwd", $.base64.encode(pwd));//调用jquery.cookie.js中的方法设置cookie中的登陆密码,并使用base64(jquery.base64.js)进行加密 
  }
  function getCookie() { //获取cookie 
    var loginCode = $.cookie("username"); //获取cookie中的用户名 
    var pwd = $.cookie("pwd"); //获取cookie中的登陆密码 
    if (loginCode) {//用户名存在的话把用户名填充到用户名文本框 
      $("#username").val(loginCode);
    }
    if (pwd) {//密码存在的话把密码填充到密码文本框 
      $("#password").val($.base64.decode(pwd));
    }
  }
</script>
</html>

以上所述是小编给大家介绍的jQuery加密密码到cookie的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
使用 jQuery 实现表单验证功能
Jul 05 jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
jquery实现左右轮播切换效果
Jan 01 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
JQuery事件委托原理与用法实例分析
May 13 jQuery
js/jQuery实现全选效果
Jun 17 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jquery分页优化操作实例分析
Aug 23 jQuery
jQuery实现增删改查
Dec 22 jQuery
Jquery-data的三种用法
Apr 18 #jQuery
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 #jQuery
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 #jQuery
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 #jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 #jQuery
为Jquery EasyUI 组件加上清除功能的方法(详解)
Apr 13 #jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 #jQuery
You might like
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
PHP使用观察者模式处理异常信息的方法详解
2019/09/24 PHP
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
深入分析JSONP跨域的原理
2014/12/10 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
2015/03/04 Javascript
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
javascript求日期差的方法
2016/03/02 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
js取小数点后两位四种方法
2019/01/18 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
2020/08/14 Javascript
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
python 图片验证码代码分享
2012/07/04 Python
Python批量提取PDF文件中文本的脚本
2018/03/14 Python
Python continue继续循环用法总结
2018/06/10 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
Python数据类型之Number数字操作实例详解
2019/05/08 Python
python 解决print数组/矩阵无法完整输出的问题
2020/02/19 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
Python extract及contains方法代码实例
2020/09/11 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
凯蒂·佩里个人女鞋品牌:Katy Perry Collections
2019/04/04 全球购物
毕业求职自荐信格式是什么
2013/11/19 职场文书
法学专业毕业生自荐信
2014/06/11 职场文书
2014年党总支工作总结
2014/12/18 职场文书
2016年大学生寒假社会实践心得体会
2015/10/09 职场文书
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python
2022漫威和DC电影上映作品
2022/04/05 欧美动漫
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL