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卸载全部事件的思路详解
Apr 03 jQuery
jQuery实现动态删除LI的方法
May 30 jQuery
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 jQuery
jquery+css3实现的经典弹出层效果示例
May 16 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文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
浅析php学习的路线图
2013/07/10 PHP
PHP加密解密类实例分析
2015/04/20 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
JavaScript库 开发规则
2009/01/31 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
2014/08/12 Javascript
深入探讨前端框架react
2015/12/09 Javascript
jquery 中toggle的2种用法详解(推荐)
2016/09/02 Javascript
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
JS实现的简单折叠展开动画效果示例
2018/04/28 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
2019/09/24 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
详细解析Python中的变量的数据类型
2015/05/13 Python
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
Django学习笔记之Class-Based-View
2017/02/15 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
Python 将Matrix、Dict保存到文件的方法
2018/10/30 Python
Python使用crontab模块设置和清除定时任务操作详解
2019/04/09 Python
Python Django的安装配置教程图文详解
2019/07/17 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
参观考察邀请函范文
2014/01/29 职场文书
大学生社会实践方案
2014/05/11 职场文书
基层党支部公开承诺书
2014/05/29 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
安全生产会议制度
2015/08/06 职场文书
确保减税降费落地生根,用实实在在措施
2019/07/19 职场文书