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 相关文章推荐
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jQuery实现弹窗下底部页面禁止滑动效果
Dec 19 jQuery
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
jQuery AJAX应用实例总结
May 19 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
基于jquery实现彩色投票进度条代码解析
Aug 26 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返回json数据函数实例
2014/10/09 PHP
PHP实现长文章分页实例代码(附源码)
2016/02/03 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解
2020/10/20 PHP
Javascript实现的分页函数
2006/12/22 Javascript
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
JS 时间显示效果代码
2009/08/23 Javascript
jQuery-Easyui 1.2 实现多层菜单效果的代码
2012/01/13 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
jquery实现侧边弹出的垂直导航
2014/12/09 Javascript
javascript函数特点实例分析
2015/05/14 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
2015/07/05 Javascript
如何用javascript计算文本框还能输入多少个字符
2015/07/29 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
2015/10/01 Javascript
js实现添加删除表格(两种方法)
2017/04/27 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
JS使用正则表达式判断输入框失去焦点事件
2019/10/16 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
vue中可编辑树状表格的实现代码
2020/10/31 Javascript
python实现简单名片管理系统
2018/11/30 Python
python 随机生成10位数密码的实现代码
2019/06/27 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
python中property和setter装饰器用法
2019/12/19 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
Python实现分数序列求和
2020/02/25 Python
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
不服劳动仲裁起诉书
2015/05/20 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android
linux目录管理方法介绍
2022/06/01 Servers