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 08 jQuery
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
基于jQuery实现定位导航位置效果
Nov 15 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
jquery轮播图插件使用方法详解
Jul 31 jQuery
jquery简易手风琴插件的封装
Oct 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
php 字符串替换的方法
2012/01/10 PHP
采集邮箱的php代码(抓取网页中的邮箱地址)
2012/07/17 PHP
php中使用临时表查询数据的一个例子
2013/02/03 PHP
php绘图之在图片上写中文和英文的方法
2015/01/24 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
javascript同页面多次调用弹出层具体实例代码
2013/08/16 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
javascript根据像素点取位置示例
2014/01/27 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
jQuery的Read()方法代替原生JS详解
2016/11/08 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
解决vue数组中对象属性变化页面不渲染问题
2018/08/09 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
Python 不同对象比较大小示例探讨
2014/08/21 Python
python写xml文件的操作实例
2014/10/05 Python
PHP魔术方法__ISSET、__UNSET使用实例
2014/11/25 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
夜大毕业自我鉴定
2013/10/11 职场文书
美术师范毕业生自荐信
2013/11/16 职场文书
财务管理职业生涯规划范文
2013/12/27 职场文书
写自荐信三大法宝
2014/01/24 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
如何理解python接口自动化之logging日志模块
2021/06/15 Python
请求模块urllib之PYTHON爬虫的基本使用
2022/04/08 Python
关于vue-router-link选择样式设置
2022/04/30 Vue.js