您的位置:首页 > Web前端 > JQuery

jquery实现登录加密的几种方法以及cookie存放加密/解密

2017-08-30 15:32 603 查看
本篇文章的所有操作都是在jsp页面上进行的,完全与后台分离

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;

嘿嘿……!各位码友们可以自己先研究研究,咱们下篇文章见!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息