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插件开发发送短信倒计时功能代码
May 09 jQuery
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
Dec 18 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jquery实现点击弹出对话框
Feb 08 jQuery
jquery传参及获取方式(两种方式)
Feb 13 jQuery
jQuery实现推拉门效果
Oct 19 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
打造计数器DIY三步曲(下)
2006/10/09 PHP
php通过淘宝API查询IP地址归属等信息
2015/12/25 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
js Html结构转字符串形式显示代码
2011/11/15 Javascript
jquery动画1.加载指示器
2012/08/24 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
js使用html()或text()方法获取设置p标签的显示的值
2014/08/01 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
ionic中列表项增加和删除的实现方法
2017/01/22 Javascript
详解vue模拟加载更多功能(数据追加)
2017/06/23 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
2017/11/22 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
详解微信小程序实现WebSocket心跳重连
2018/07/31 Javascript
vuejs前后端数据交互之从后端请求数据的实例
2018/08/11 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
2018/09/07 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
node.js通过Sequelize 连接MySQL的方法
2020/12/28 Javascript
[01:33:14]LGD vs VP Supermajor 败者组决赛 BO3 第二场 6.10
2018/07/04 DOTA
python3实现随机数
2018/06/25 Python
浅析python3中的os.path.dirname(__file__)的使用
2018/08/30 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
css3和jquery实现自定义checkbox和radiobox组件
2014/04/22 HTML / CSS
英国高端食品和葡萄酒超市:Waitrose
2016/08/23 全球购物
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
轻金属冶金专业毕业生自荐信
2013/11/02 职场文书
九年级政治教学反思
2014/02/06 职场文书
群众路线教育实践活动整改方案(个人版)
2014/10/25 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers