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 03 jQuery
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
jQuery常用选择器详解
Jul 17 jQuery
jqueryUI tab标签页代码分享
Oct 09 jQuery
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
jquery实现楼层滚动效果
Jan 01 jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
jquery实现垂直手风琴导航栏
Feb 18 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
安装APACHE
2007/01/15 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
学习php设计模式 php实现合成模式(composite)
2015/12/08 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
PHP 接入支付宝即时到账功能
2016/09/18 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
php服务器的系统详解
2019/10/12 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
JavaScript动态调整TextArea高度的代码
2010/12/28 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
JS中的substring和substr函数的区别说明
2013/05/07 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
JS案例分享之金额小写转大写
2014/05/15 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
js实现简单的可切换选项卡效果
2015/04/10 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
jQuery动态移除与增加onclick属性的方法详解
2018/06/07 jQuery
Vue组件内部实现一个双向数据绑定的实例代码
2019/04/04 Javascript
详解Vue 如何监听Array的变化
2019/06/06 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
微信小程序实现原生步骤条
2019/07/25 Javascript
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
python解析含有重复key的json方法
2019/01/22 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
python Tensor和Array对比分析
2020/01/08 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
营销部内勤岗位职责
2014/04/30 职场文书
和谐社区口号
2014/06/19 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
Node与Python 双向通信的实现代码
2021/07/16 Javascript
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers