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 30 jQuery
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
jQuery替换节点元素的操作方法
Mar 18 jQuery
关于jquery layui弹出层的使用方法
Apr 21 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
jQuery实现全选按钮
Jan 01 jQuery
html中两种获取标签内的值的方法
Jun 16 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 curl伪造IP地址和header信息代码实例
2015/04/27 PHP
作为程序员必知的16个最佳PHP库
2015/12/09 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
php框架知识点的整理和补充
2021/03/01 PHP
jquery 表单取值常用代码
2009/12/22 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
用jQuery模拟select下拉框的简单示例代码
2014/01/26 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
jquery做的一个简单的屏幕锁定提示框
2014/03/26 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
JavaScript实现左侧菜单效果
2017/12/14 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
js删除数组中的元素delete和splice的区别详解
2018/02/03 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
Python中实现对list做减法操作介绍
2015/01/09 Python
python使用socket向客户端发送数据的方法
2015/04/29 Python
Python线性回归实战分析
2018/02/01 Python
python自动化报告的输出用例详解
2018/05/30 Python
简单了解Python write writelines区别
2020/02/27 Python
jupyter 添加不同内核的操作
2021/02/06 Python
澳大利亚百货商店中销量第一的商务衬衫品牌:Van Heusen
2018/07/26 全球购物
金融系应届毕业生求职信
2014/05/26 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
钱学森电影观后感
2015/06/04 职场文书
中学总务处工作总结
2015/08/12 职场文书
爱护公物主题班会
2015/08/17 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书