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中的deferred使用方法
Mar 27 jQuery
jquery仿京东商品放大浏览页面
Jun 06 jQuery
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
jQuery轮播图实例详解
Aug 15 jQuery
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
使用jQuery实现购物车
Oct 29 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图片库imagemagick安装方法
2014/09/23 PHP
thinkphp框架使用JWTtoken的方法详解
2019/10/10 PHP
JS保留两位小数,多位小数的示例代码
2014/01/07 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
javascript中String对象的slice()方法分析
2014/12/20 Javascript
jQuery中filter()方法用法实例
2015/01/06 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
2017/11/02 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
2018/09/16 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
vue+高德地图写地图选址组件的方法
2019/05/18 Javascript
如何解决日期函数new Date()浏览器兼容性问题
2019/09/11 Javascript
angular8和ngrx8结合使用的步骤介绍
2019/12/01 Javascript
Python中easy_install 和 pip 的安装及使用
2017/06/05 Python
通过Python实现自动填写调查问卷
2017/09/06 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
Python一句代码实现找出所有水仙花数的方法
2018/11/13 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
python数字类型math库原理解析
2020/03/02 Python
工程班组长岗位职责
2013/12/30 职场文书
宠物店的创业计划书范文
2014/01/11 职场文书
社会保险接收函
2014/01/12 职场文书
领导证婚人证婚词
2014/01/13 职场文书
《画》教学反思
2014/04/14 职场文书
爱护公共设施的标语
2014/06/24 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
大学运动会通讯稿
2015/07/18 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
bose降噪耳机音能消除人声吗
2022/04/19 数码科技