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 相关文章推荐
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
jQuery获取随机颜色的实例代码
May 21 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 jQuery
jquery实现简易验证插件封装
Sep 13 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 session 错误
2009/05/21 PHP
PHP简单日历实现方法
2016/07/20 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
PHP生成指定范围内的N个不重复的随机数
2019/03/18 PHP
在thinkphp5.0路径中实现去除index.php的方式
2019/10/16 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
Script的加载方法小结
2011/01/12 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
javascript事件冒泡简单示例
2016/06/20 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
bootstrap手风琴制作方法详解
2017/01/11 Javascript
js实现适配不同的屏幕大小
2017/04/10 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
2018/11/01 Javascript
react-router4按需加载(踩坑填坑)
2019/01/06 Javascript
layui switch 开关监听 弹出确定状态转换的例子
2019/09/21 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
[00:14]护身甲盾
2019/03/06 DOTA
使用python遍历指定城市的一周气温
2017/03/31 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
泰国的头号网上婴儿用品店:Motherhood.co.th
2019/04/09 全球购物
WINDOWS域的具体实现方式是什么
2014/02/20 面试题
2014年健康教育实施方案
2014/02/17 职场文书
十七岁的单车观后感
2015/06/12 职场文书
Python函数式编程中itertools模块详解
2021/09/15 Python