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

最新推荐文章于 2024-07-03 13:40:05 发布

lijianbo_java

最新推荐文章于 2024-07-03 13:40:05 发布

阅读量1k

点赞数

分类专栏： Js/Css

Js/Css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

原文地址：

http://blog.csdn.net/servlet905/article/details/77716443

本篇文章的所有操作都是在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;

lijianbo_java

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery实现登录加密的几种方法以及cookie存放加密/解密

原文地址：http://blog.csdn.net/servlet905/article/details/77716443本篇文章的所有操作都是在jsp页面上进行的，完全与后台分离part 1：加密方式这个加密方式网上基本都有很多人总结，我在此也就抛砖引玉一下；S实现密码加密1、base64加密　　在页面中引入base64.js文件，调用方法为：　　　&lt;!DOCTYPE HTML&gt;...
复制链接

扫一扫

专栏目录