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插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
jquery实现提示语淡入效果
May 05 jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
基于jquery的on和click的区别详解
Jan 15 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
jquery.pager.js实现分页效果
Jul 29 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
main.php
2006/12/09 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
Jquery submit()无法提交问题
2013/04/21 Javascript
jQuery 删除或是清空某个HTML元素示例
2014/08/04 Javascript
javascript基本包装类型介绍
2015/04/10 Javascript
Javascript中判断对象是否为空
2015/06/10 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
vue-router 路由基础的详解
2017/10/17 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
python中getattr函数使用方法 getattr实现工厂模式
2014/01/20 Python
Python使用Srapy框架爬虫模拟登陆并抓取知乎内容
2016/07/02 Python
python读取中文txt文本的方法
2018/04/12 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
Python多进程原理与用法分析
2018/08/21 Python
Python中查看变量的类型内存地址所占字节的大小
2019/06/26 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
2014/08/08 HTML / CSS
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
好莱坞百老汇御用王牌美妆:Koh Gen Do 江原道
2018/04/03 全球购物
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
点菜员岗位职责范本
2014/02/14 职场文书
2014国庆节标语口号
2014/09/19 职场文书
见习报告怎么写
2014/10/31 职场文书
2014年电厂工作总结
2014/12/04 职场文书
心灵点滴观后感
2015/06/02 职场文书
文明礼仪主题班会
2015/08/13 职场文书
详解MySQL的Seconds_Behind_Master
2021/05/18 MySQL
JavaScript实现简单拖拽效果
2021/09/15 Javascript