jquery实现登录加密的几种方法以及cookie存放加密/解密
2017-08-30 15:32
603 查看
本篇文章的所有操作都是在jsp页面上进行的,完全与后台分离
part 1:加密方式
这个加密方式网上基本都有很多人总结,我在此也就抛砖引玉一下;
1、base64加密
在页面中引入base64.js文件,调用方法为:
2、md5加密
在页面中引用md5.js文件,调用方法为
3、sha1加密
据说这是最安全的加密
页面中引入sha1.js,调用方法为
4,登录时记住密码功能我是通过jquery的一个组件来实现的,不用写后台代码纯js实现,这篇文章我几个月前就发表了,想要看的同行们可以在我的文章里面找!
part 2:加密以及解密
md5.js只能实现加密功能,但是如果你从cookie中把密码取出来想解密的时候就尴尬了,所以此处我推荐两种密码加密又能解密的方法
1》Base64.js
废话不说,直接看代码(此处包括如何在jsp页面往cookie中保存用户名和密码)
主要用到上面的两种方法:$.base64.encode(str)加密字符串
$.base64.decode(str)解密字符串
2》这是jquery插件库中的一种比较轻量级的加密解密过程
名字叫做DES;
嘿嘿……!各位码友们可以自己先研究研究,咱们下篇文章见!
part 1:加密方式
这个加密方式网上基本都有很多人总结,我在此也就抛砖引玉一下;
S实现密码加密
1、base64加密在页面中引入base64.js文件,调用方法为:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type="text/javascript" src="base64.js"></script> <script type="text/javascript"> var b = new Base64(); var str = b.encode("admin:admin"); alert("base64 encode:" + str); //解密 str = b.decode(str); alert("base64 decode:" + str); </script> </head> <body> </body> </html>
2、md5加密
在页面中引用md5.js文件,调用方法为
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>md5加密</title> <script type="text/ecmascript" src="md5.js"></script> <script type="text/javascript"> var hash = hex_md5("123dafd"); alert(hash) </script> </head> <body> </body> </html>
3、sha1加密
据说这是最安全的加密
页面中引入sha1.js,调用方法为
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>sha1加密</title> <script type="text/ecmascript" src="sha1.js"></script> <script type="text/javascript"> var sha = hex_sha1('mima123465') alert(sha) </script> </head> <body> </body> </html>
4,登录时记住密码功能我是通过jquery的一个组件来实现的,不用写后台代码纯js实现,这篇文章我几个月前就发表了,想要看的同行们可以在我的文章里面找!
part 2:加密以及解密
md5.js只能实现加密功能,但是如果你从cookie中把密码取出来想解密的时候就尴尬了,所以此处我推荐两种密码加密又能解密的方法
1》Base64.js
废话不说,直接看代码(此处包括如何在jsp页面往cookie中保存用户名和密码)
<script> //step 1:当鼠标点击复选框时,创建一个持久化的cookie var userName=null; var passWord=null; //限制为:鼠标点击登录时判断: $("#accLogBut").click(function(){ /* 将登录按钮置灰 */ //如果被选中状态,则创建cookie if($('input[type=checkbox]').is(':checked')){ passWord = $('#passWord').val(); //创建cookie,并将用户名和密码保存进去,密码采用base64加密以及解密 $.cookie('userName',$('#userName').val(), { expires: 7}); $.cookie('passWord',$.base64.encode(passWord),{ expires: 7}); }else{ //如果复选框没有被选中,则删除cookie $.cookie('userName', ""); $.cookie('passWord', ""); } }); //页面每次被加载的时候,都把cookie中的值取出来,然后存放到对应的文本框中 $(function(){ var userName=$.cookie('userName'); var passWord=$.cookie('passWord'); $("#userName").val(userName); $("#passWord").val($.base64.decode(passWord)); if(userName!=null&&userName!=""&&passWord!=null&&passWord!=""){ $("#rememberPassword").attr("checked",true); } }); </script> <!-- 登录时记住密码结束-->
主要用到上面的两种方法:$.base64.encode(str)加密字符串
$.base64.decode(str)解密字符串
2》这是jquery插件库中的一种比较轻量级的加密解密过程
名字叫做DES;
嘿嘿……!各位码友们可以自己先研究研究,咱们下篇文章见!
相关文章推荐
- jquery实现登录加密的几种方法以及cookie存放加密/解密
- jquery实现登录加密的几种方法以及cookie存放加密/解密
- cookie加密解密全过程,使用filter实现自动登录
- 安卓Shareprefrence实现记住密码自动登录以及保存在shareprefrence里面数据如何加密解密
- jquery.cookie.js实现用户登录保存密码功能的方法
- jquery.cookie.js实现用户登录保存密码功能的方法
- JForum论坛单点登录的几种实现方式 (CAS和Cookie)
- 登录页面验证码的简单实现,以及getOutputStream() has already been called for this response异常的解决方法
- .NET中加密和解密的实现方法
- C#中实现QQ群空间的登录加密密码脚本里的方法
- .NET中加密和解密的实现方法
- .NET中加密和解密的实现方法
- .NET中加密和解密的实现方法 3
- notNET中加密和解密的实现方法
- .NET中加密和解密的实现方法
- Base64加密解密原理以及代码实现
- .NET中加密和解密的实现方法
- 软件登录的几种实现方法
- .NET中加密和解密的实现方法
- asp.net下XML的加密和解密实现方法