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中关于bind()方法的使用技巧分享
Mar 30 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
使用jQuery实现购物车结算功能
Aug 15 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
Jan 25 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
jQuery中实现text()的方法
Apr 04 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中青蛙跳台阶的问题解决方法
2018/10/14 PHP
动态样式类封装JS代码
2009/09/02 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
JavaScript登录验证码的实现
2016/10/27 Javascript
AngularJS中的Promise详细介绍及实例代码
2016/12/13 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
2017/03/07 Javascript
vue内置组件transition简单原理图文详解(小结)
2018/07/12 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
记一次用ts+vuecli4重构项目的实现
2020/05/21 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
在Python中进行自动化单元测试的教程
2015/04/15 Python
Python基于Tkinter实现的记事本实例
2015/06/17 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
windows7 32、64位下python爬虫框架scrapy环境的搭建方法
2018/11/29 Python
Django uwsgi Nginx 的生产环境部署详解
2019/02/02 Python
解决python3中的requests解析中文页面出现乱码问题
2019/04/19 Python
Python操作excel的方法总结(xlrd、xlwt、openpyxl)
2019/09/02 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
Python装饰器用法与知识点小结
2020/03/09 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
美国在线印刷公司:PsPrint
2017/10/12 全球购物
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
导游实习生自荐书
2014/01/28 职场文书
创新社会管理心得体会
2014/09/12 职场文书
2015年电工工作总结
2015/04/10 职场文书
浅谈Redis位图(Bitmap)及Redis二进制中的问题
2021/07/15 Redis