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

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

未对其加密传输

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. 『原创』手把手教你搭建一个实用的油耗App(一)

    前言: 入行快10年,有点积蓄,三年前买了代步车.于是乎,汽车油耗开销就成了每个月都必须关注的问题.三年来,用过了无数油耗记录软件,比如最知名的“小熊油耗”,从第一次用,一直到最新一版,感觉越来越“臃 ...

  2. 201621123012 《java程序设计》第5周学习总结

    作业05-继承.多态.抽象类与接口 标签(空格分隔): java 1. 本周学习总结 1.1 写出你认为本周学习中比较重要的知识点关键词 答:接口,比较器,has-a,Comparator. 1.2 ...

  3. HTML简单登录和注册页面及input标签诠释

    今天第一次接触HTML这种语言,虽然不能完全理解其中的意思,过去学的英语单词几乎也忘了差不多了,但是感觉进入这门语言学习之后就没有那么难了,一步一步来吧!下面巩固下今天学内容: HTML是一种超文本标 ...

  4. 一步一步教你使用 LSMW 批量处理数据

    保存退出 输入完后,保存退出

  5. 部署虚拟环境安装Linux系统

      目录                                                              准备工作 安装linux系统 重置root管理员密码 源代码编译 R ...

  6. WebDriverAPI(2)

    操作浏览器窗口 被测网址http:http://www.baidu.com Java语言版本的API实例代码 String url = "http://www.baidu.com" ...

  7. 53.storm简介

    一.简介 1.storm是twitter开源的一个分布式的实时计算系统,用于数据实时分析,持续计算,分布式RPC等等. 官网地址:http://storm-project.net 源码地址:https ...

  8. 2018春招-美团后台开发方向编程题 (python实现)

    第一题:字符串距离 题目: 给出两个相同长度的由字符 a 和 b 构成的字符串,定义它们的距离为对应位置不同的字符的数量.如串”aab”与串”aba”的距离为 2:串”ba”与串”aa”的距离为 1: ...

  9. 机器学习--聚类系列--K-means算法

    一.聚类 聚类分析是非监督学习的很重要的领域.所谓非监督学习,就是数据是没有类别标记的,算法要从对原始数据的探索中提取出一定的规律.而聚类分析就是试图将数据集中的样本划分为若干个不相交的子集,每个子集 ...

  10. springcloud-07-eureka HA的高可用配置

    单机版的eureka, 运行时间稍长, 就会在管理界面出现红色的警告, 为了消除这个警告, 可以使用eureka的高可用配置: 只需要写一个工程配置不同的配置文件, 然后启动多实例即可: 请参照单机版 ...