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版本 1.x? 2.x? 3.x?
Apr 01 jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
jQuery中each方法的使用详解
Mar 18 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
Jquery异步上传文件代码实例
Nov 13 jQuery
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
jquery插件实现图片悬浮
Apr 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
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
PHP自定义函数收代码
2010/08/01 PHP
ThinkPHP模板中数组循环实例
2014/10/30 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
PHP解析url并得到url参数方法总结
2018/10/11 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
JavaScript入门之事件、cookie、定时等
2011/10/21 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
node.js中的http.createClient方法使用说明
2014/12/15 Javascript
javascript判断数组内是否重复的方法
2015/04/21 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
js实现手机拍照上传功能
2017/01/17 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
nodejs实现简单的gulp打包
2017/12/21 NodeJs
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
2018/11/30 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
Python与Redis的连接教程
2015/04/22 Python
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
python中turtle库的简单使用教程
2020/11/11 Python
Django filter动态过滤与排序实现过程解析
2020/11/26 Python
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
教学大赛获奖感言
2014/01/15 职场文书
车间主任岗位职责
2014/03/16 职场文书
元旦趣味活动方案
2014/08/22 职场文书
邀请函的格式
2015/01/30 职场文书
2015年党务公开工作总结
2015/05/19 职场文书
vue配置型表格基于el-table拓展之table-plus组件
2022/04/12 Vue.js