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鼠标移动图片上实现放大效果
Jun 25 jQuery
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
关于jquery中attr()和prop()方法的区别
May 28 jQuery
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
jquery中为什么能用$操作
Jun 18 jQuery
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
jquery传参及获取方式(两种方式)
Feb 13 jQuery
jquery向后台提交数组的代码分析
Feb 20 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
Apache2 httpd.conf 中文版
2006/11/17 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
PHP的消息通信机制测试实例
2016/11/10 PHP
提高NodeJS中SSL服务的性能
2014/07/15 NodeJs
jQuery实现列表内容的动态载入特效
2015/08/08 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
jQuery焦点图左右转换效果
2016/12/12 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
2017/11/06 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
2017/11/27 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
2018/02/09 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
2020/10/27 Javascript
[05:02][DOTA2]DOTA进化论 第一期
2013/09/27 DOTA
[01:42]辉夜杯战队访谈宣传片—FANTUAN
2015/12/25 DOTA
[03:57]2016完美“圣”典风云人物:rOtk专访
2016/12/09 DOTA
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
解决Python命令行下退格,删除,方向键乱码(亲测有效)
2020/01/16 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
Python 解析库json及jsonpath pickle的实现
2020/08/17 Python
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
TripAdvisor德国:全球领先的旅游网站
2017/12/07 全球购物
计算机系毕业生推荐信
2013/11/06 职场文书
新兵入伍心得体会
2014/09/04 职场文书
护士医德医风自我评价
2014/09/15 职场文书
甜品蛋糕店创业计划书
2014/09/21 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
2014年发展党员工作总结
2014/11/12 职场文书
董事长助理岗位职责
2015/02/11 职场文书
公司开除员工通知
2015/04/22 职场文书
天河观后感
2015/06/11 职场文书
Vue2.0搭建脚手架
2022/03/13 Vue.js
Python中使用Opencv开发停车位计数器功能
2022/04/04 Python