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实现瀑布流页面
Apr 11 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
jquery中each循环的简单回滚操作
May 05 jQuery
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
JQueryDOM之样式操作
Mar 27 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
jQuery实现开关灯效果
Aug 02 jQuery
jQuery treeview树形结构应用
Mar 24 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学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
[原创]php简单防盗链验证实现方法
2016/07/09 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
PHP常见加密函数用法示例【crypt与md5】
2019/01/27 PHP
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
初识Javascript小结
2015/07/16 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
详解小程序如何避免多次点击,重复触发事件
2019/04/08 Javascript
layui的select联动实现代码
2019/09/28 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
2020/06/05 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
2021/01/13 Vue.js
python中mechanize库的简单使用示例
2014/01/10 Python
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
在Python的Django框架的视图中使用Session的方法
2015/07/23 Python
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
PyCharm中关于安装第三方包的三个建议
2020/09/17 Python
使用html5制作loading图的示例
2014/04/14 HTML / CSS
巴西最好的男鞋:Rafarillo
2018/05/25 全球购物
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
高三历史教学反思
2014/01/09 职场文书
国家税务局干部作风整顿整改措施
2014/09/18 职场文书
2015年大学社团工作总结
2015/04/09 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript