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

Myth丶恋晨 2022-06-09 06:55 558阅读 0赞

本篇文章的所有操作都是在jsp页面上进行的，完全与后台分离

part 1：加密方式

这个加密方式网上基本都有很多人总结，我在此也就抛砖引玉一下；

# [S实现密码加密][S] #

1、base64加密

在页面中引入base64.js文件，调用方法为：

![复制代码][copycode.gif]

<!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>

![复制代码][copycode.gif]

2、md5加密

在页面中引用md5.js文件，调用方法为

![复制代码][copycode.gif]

<!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>

![复制代码][copycode.gif]

3、sha1加密

据说这是最安全的加密

页面中引入sha1.js，调用方法为

![复制代码][copycode.gif]

<!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>

![复制代码][copycode.gif]

4,登录时记住密码功能我是通过jquery的一个组件来实现的，不用写后台代码纯js实现，这篇文章我几个月前就发表了，想要看的同行们可以在我的文章里面找！

part 2：加密以及解密

md5.js只能实现加密功能，但是如果你从cookie中把密码取出来想解密的时候就尴尬了，所以此处我推荐两种密码加密又能解密的方法

1》Base64.js

废话不说，直接看代码（此处包括如何在jsp页面往cookie中保存用户名和密码）

![复制代码][copycode.gif]

主要用到上面的两种方法：$.base64.encode(str)加密字符串

$.base64.decode(str)解密字符串

2》这是jquery插件库中的一种比较轻量级的加密解密过程

名字叫做DES;

嘿嘿……！各位码友们可以自己先研究研究，咱们下篇文章见！