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

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

未对其加密传输

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. DDoS防护之TCP防护

    本文由  网易云 发布. TCP协议,相信对于每一个开发工程师都不陌生.由于该协议是一个面向连接,可靠的特性,广泛应用于现在互联网的应用中.如常见的Web.SSH.FTP等都是基于TCP协议.目前TC ...

  2. 【Selenium专题】元素定位之一简单定位

    UI自动化工具千变万化.架构千变万化,但都逃离不开的关键一步就是元素定位.下面以Selenium为例介绍常见的几个元素定位方法 ID -元素id属性 WebElement El = driver.fi ...

  3. SqlAlchemy操作(三)

    1.基于SQLALCHEMY建表 from sqlalchemy.ext.declarative import declarative_base from sqlalchemy import Colu ...

  4. Day 21 序列化模块_Json,Pickle,Shelve

    序列化 , 数据类型,列表 元组, 字符串 只有字符串能被写入文件中. 能在网络上传输的只能是bytes - 字符串 把要传输的和要存储的内容转换成字符串. 字符串 转换回 要传输和存储的内容 序列化 ...

  5. MySQL数据库命令大全

    --数据库操作前的准备-- 创建数据库-- create database python_test_1 charset=utf8; -- 使用数据库-- use python_test_1; -- s ...

  6. 使用VS Code开发.Net Core 2.0 MVC Web应用程序教程之一

    好吧,现在我们假设你已经安装好了VS Code开发工具..Net Core 2.0预览版的SDK dotnet-sdk-2.0.0(注意自己的操作系统),并且已经为VS Code安装好了C#扩展(在V ...

  7. CSS3盒子模型(下)

    绝对定位的盒子水平/垂直居中 普通的盒子是左右margin 改为 auto就可, 但是对于绝对定位就无效了 定位的盒子也可以水平或者垂直居中,有一个算法. 首先left 50% 父盒子的一半大小 然后 ...

  8. 初始化css文件

    首先我们需要了解一下为什么需要公共样式(公共样式是为了初始化某些标签的默认值): 1. 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差 ...

  9. python3中文件操作及编码

    #之前一直没明白文件处理中的w和wb的区别到底是什么,#在看过视频后才知道,原来在linux里面是没有区别的,#但是在windows里面就能够看出区别来了#下面来个例子: with open(&quo ...

  10. JavaScript函数理解

    本文参考自简书javaScript之函数详解 这里从函数的构造函数开始. 在js中,函数都是对象,它们都是Function构造函数的实例.因此,类似Java中的对象,函数名可以理解为指向该Functi ...