因项目需求,需要一些敏感信息进行加密,不能以明文暴露到浏览器。

然后后台进行解密操作 先看一下效果图

未对其加密传输

1.前台JS

  1. <script type="text/javascript">
  2. $(function() {
  3. $("#btn").click(function() {
  4. var username = encode64($("#username").val());  //对数据加密
  5. var password = encode64($("#password").val());
  6. $("#username").val(username);
  7. $("#password").val(password);
  8. document.fm.submit();  //fm为form表单name
  9. })
  10. })
  11. // base64加密开始
  12. var keyStr = "ABCDEFGHIJKLMNOP" + "QRSTUVWXYZabcdef" + "ghijklmnopqrstuv"
  13. + "wxyz0123456789+/" + "=";
  14. function encode64(input) {
  15. var output = "";
  16. var chr1, chr2, chr3 = "";
  17. var enc1, enc2, enc3, enc4 = "";
  18. var i = 0;
  19. do {
  20. chr1 = input.charCodeAt(i++);
  21. chr2 = input.charCodeAt(i++);
  22. chr3 = input.charCodeAt(i++);
  23. enc1 = chr1 >> 2;
  24. enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
  25. enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
  26. enc4 = chr3 & 63;
  27. if (isNaN(chr2)) {
  28. enc3 = enc4 = 64;
  29. } else if (isNaN(chr3)) {
  30. enc4 = 64;
  31. }
  32. output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2)
  33. + keyStr.charAt(enc3) + keyStr.charAt(enc4);
  34. chr1 = chr2 = chr3 = "";
  35. enc1 = enc2 = enc3 = enc4 = "";
  36. } while (i < input.length);
  37. return output;
  38. }
  39. // base64加密结束
  40. </script>

2、后台java代码

  1. private static char[] base64EncodeChars = new char[] { 'A', 'B', 'C', 'D',
  2. 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q',
  3. 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd',
  4. 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q',
  5. 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3',
  6. '4', '5', '6', '7', '8', '9', '+', '/', };
  7. private static byte[] base64DecodeChars = new byte[] { -1, -1, -1, -1, -1,
  8. -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
  9. -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
  10. -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59,
  11. 60, 61, -1, -1, -1, -1, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,
  12. 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1,
  13. -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37,
  14. 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1,
  15. -1, -1 };
  16. /**
  17. * 解密
  18. * @param str
  19. * @return
  20. */
  21. public static byte[] decode(String str) {
  22. byte[] data = str.getBytes();
  23. int len = data.length;
  24. ByteArrayOutputStream buf = new ByteArrayOutputStream(len);
  25. int i = 0;
  26. int b1, b2, b3, b4;
  27. while (i < len) {
  28. do {
  29. b1 = base64DecodeChars[data[i++]];
  30. } while (i < len && b1 == -1);
  31. if (b1 == -1) {
  32. break;
  33. }
  34. do {
  35. b2 = base64DecodeChars[data[i++]];
  36. } while (i < len && b2 == -1);
  37. if (b2 == -1) {
  38. break;
  39. }
  40. buf.write((int) ((b1 << 2) | ((b2 & 0x30) >>> 4)));
  41. do {
  42. b3 = data[i++];
  43. if (b3 == 61) {
  44. return buf.toByteArray();
  45. }
  46. b3 = base64DecodeChars[b3];
  47. } while (i < len && b3 == -1);
  48. if (b3 == -1) {
  49. break;
  50. }
  51. buf.write((int) (((b2 & 0x0f) << 4) | ((b3 & 0x3c) >>> 2)));
  52. do {
  53. b4 = data[i++];
  54. if (b4 == 61) {
  55. return buf.toByteArray();
  56. }
  57. b4 = base64DecodeChars[b4];
  58. } while (i < len && b4 == -1);
  59. if (b4 == -1) {
  60. break;
  61. }
  62. buf.write((int) (((b3 & 0x03) << 6) | b4));
  63. }
  64. return buf.toByteArray();
  65. }

System.out.println(new String(decode(username)));  // 使用decode()方法进行解密

Java加密算法还包括如下:

MD5(Message Digest algorithm 5,信息摘要算法)

SHA(Secure Hash Algorithm,安全散列算法)

HMAC(Hash Message Authentication Code,散列消息鉴别码)

待有时间研究这些复杂的高级加密算法

作者:itmyhome

源码:download

【转】JS前台加密,java后台解密实现的更多相关文章

  1. rsa实现js前台加密java后台解密

    前段时间写了一个rsa前台加密到后台用java解密,下面共享下实现思路: 准备工作:第三方包是必须的 bcprov-jdk15on-148.jar commons-codec-1.7.jar comm ...

  2. 明文暴露___JS前台加密,java后台解密实现

    1.前台JS <script type="text/javascript"> $(function() { $("#btn").click(func ...

  3. js base64加密,后台解密

    这是为了解决页面发送post请求,传输密码,在页面的控制台可以看到密码的明文,所以先用base64把要传输的密码转换为非明文,然后在后台解密处理. base64encode.js // base64加 ...

  4. RSA 前段加密 java 后台解密 已调试通过

    本人整理网上的.好多网上的调不通.在这里把调试好的贴出来. 1.   异步获取公钥(后台获取):你也可以将公钥串写在页面上: var publicKey = null; $.ajax({ url: c ...

  5. JS前端加密JAVA后端解密详解

    最近有一个加解密的需求,其实没有什么难度,但是实践过程中踩了很多坑,把踩坑过程分享出来. 1.前端JS加密 /** * 加密(需要先加载aes.min.js文件) * @param word * @r ...

  6. js前台加密,java后台解密实现

    参考资料: JS前台加密,java后台解密实现

  7. JS base64 加密和 后台 base64解密(防止中文乱码)

    直接上代码 1,js(2个文件,网上找的)  不要觉的长,直接复制下来就OK //UnicodeAnsi.js文件 //把Unicode转成Ansi和把Ansi转换成Unicode function ...

  8. 使用CEfSharp之旅(2) js前台事件执行后台方法

    原文:使用CEfSharp之旅(2) js前台事件执行后台方法 版权声明:本文为博主原创文章,未经博主允许不得转载.可点击关注博主 ,不明白的进群191065815 我的群里问 https://blo ...

  9. js前台加密,java后端解密

    1.前台JS <script type="text/javascript">        $(function() {                $(" ...

随机推荐

  1. Java基础学习篇---------static

    一.static的使用 1.使用static定义的属性往往通过类名直接调用,它的属性(方法)不属于某一个的对象的.所以对象没有创建之前就可以对static的属性的调用,方法亦如此. 2.static ...

  2. Mac OS 10.12 - 安装任何来源软件!!

    今天想安装一个从网上下载的软件到Mac OS 10.12中,结果没有想到Mac告诉我那个软件已经损坏,害得我删除了!! 最后通过热心网友的帮助,顺利解决了这个安装问题,重新安装并且使用上了这款软件,下 ...

  3. HDU 6198(2017 ACM/ICPC Asia Regional Shenyang Online)

    思路:找规律发现这个数是斐波那契第2*k+3项-1,数据较大矩阵快速幂搞定.   快速幂入门第一题QAQ #include <stdio.h> #include <stdlib.h& ...

  4. js 从基础入门 到放弃 001

    快速入门  JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中: <html> <head> <s ...

  5. 解决git commit 遇到datached HEAD问题

    git detached HEAD 你可以认为 HEAD(大写)是”current branch”(当下的分支).当你用git checkout切换分支的时候,HEAD 修订版本重新指向新的分支. 有 ...

  6. 微服务是"银弹"吗?

    前言:所谓"银弹",本意是用金属银做成的子弹:在古老的传说里它是杀死狼人的有效武器.在著作<人月神话>也有描述.微服务是当前软件界流行的名词,那么它能成为像银弹一样厉害 ...

  7. 【GDKOI2017】 两个胖子萌萌哒 小学奥数题

    题目大意:给你一个$n\times m$的网格,你要在这个网格上画三角形. 三角形的顶点只能在网格的整点上,且至少有一条边平行于$x$或$y$轴,且三角形面积为整数.问你能画多少个不同的三角形. 两个 ...

  8. POJ 1036

    #include<iostream> #include<algorithm> #define MAXN 205 using namespace std; struct node ...

  9. 剑指offer四十三之左旋转字符串

    一.题目 汇编语言中有一种移位指令叫做循环左移(ROL),现在有个简单的任务,就是用字符串模拟这个指令的运算结果.对于一个给定的字符序列S,请你把其循环左移K位后的序列输出.例如,字符序列S=”abc ...

  10. Hive执行过程

    http://blog.csdn.net/wf1982/article/details/9122543