最近在项目开发中遇到前端发送参数加密的问题，网上查找半天也是很乱，小编自己在项目开发中总结了一下，写到博客中，希望能够帮助大家。

查看所有代码可到我的github上查看源文件,下载后在控制台查看结果即可.

贴上html，javascript代码

 <!doctype html>

 <html lang="en">

 <head>

     <meta charset="UTF-8" />

     <link rel="icon" href="ico.ico">

     <title>前端md5加密</title>

 </head>

 <body>

 </body>

 <script type="text/javascript" src="js/jquery.min.js"></script>

 <script src="js/core.js"></script>

 <script src="js/cipher-core.js"></script>

 <script src="js/tripledes.js"></script>

 <script src="js/mode-ecb.js"></script>

 <script>

     var thisl = {

         lng : "114.0690720000",

         lat : "22.6662030000",

         distance: "10"

     }

     //加密的私钥(这个要跟后台进行沟通，确认前后端密钥相同)

     var key = 'HL1HBF6lLND721';

     //将json转为字符串

     var aToStr=JSON.stringify(thisl);

     //对aTostr进行加密

     var str1 = encryptByDES(aToStr,key);

    //对str1进行解密

     var str2 = decryptByDESModeEBC(str1,key);

     //将str1转为字符串传给后台

     var num = str1.toString();

       console.log(num)   //  控制台去看

       //将str2解密的字符串转为json

       var str2_a = JSON.parse(str2);

       console.log(str2)  //  控制台去看

       var a = '我的博客';

       //对a进行加密

     var script_a = encryptByDES(a,key);

       console.log(script_a);    //  控制台去看

       //script_a解密

     var decrypt = decryptByDESModeEBC(script_a,key);

       console.log(decrypt) //我的博客

   function encryptByDES(message,key) {

         //把私钥转换成16进制的字符串

         var keyHex = CryptoJS.enc.Utf8.parse(key);

         //模式为ECB padding为Pkcs7

         var encrypted = CryptoJS.DES.encrypt(message, keyHex, {

             mode: CryptoJS.mode.ECB,

             padding: CryptoJS.pad.Pkcs7

         });

         //加密出来是一个16进制的字符串

         return encrypted.ciphertext.toString();

    }

     //DES  ECB模式解密

     function decryptByDESModeEBC(ciphertext,key) {

         //把私钥转换成16进制的字符串

         var keyHex = CryptoJS.enc.Utf8.parse(key);

         //把需要解密的数据从16进制字符串转换成字符byte数组

         var decrypted = CryptoJS.DES.decrypt({

             ciphertext: CryptoJS.enc.Hex.parse(ciphertext)

         }, keyHex, {

             mode: CryptoJS.mode.ECB,

             padding: CryptoJS.pad.Pkcs7

         });

         //以utf-8的形式输出解密过后内容

         var result_value = decrypted.toString(CryptoJS.enc.Utf8);

         return result_value;

     }

 </script>

 </html>

前端请求参数MD5加密发送后台的更多相关文章

  1. 前端请求参数MD5加密校验,参数串解密

    首先引入MD5加密库:=>https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js; 步骤:=>1.请求前对参数进行字典升序排序,排 ...

  2. 请求参数MD5加密---函数助手

  3. jmeter通过BeanShell 脚本，实现对http请求参数的加密

    jmeter一直是一款很好的接口和性能测试工具,它是开源的,不需要为此支付任何费用,而且可以下载源码,可以在修改源代码并在此基础上拓展自己的功能或插件,它可以跟ant和jenkins结合起来搭建自己的 ...

  4. 【转】js生成接口请求参数签名加密

    js生成接口请求参数签名加密 签名算法规则: 第一步,设所有发送或者接收到的数据为集合M,将集合M内非空参数值的参数按照参数名ASCII码从小到大排序(字典序),使用URL键值对的格式(即key1=v ...

  5. js生成接口请求参数签名加密

    js生成接口请求参数签名加密 定义规则:将所有参数字段按首字母排序, 拼接成key1 = value1 & key2 = value2的格式,再在末尾拼接上key = appSecret, 再 ...

  6. 从零开始设计SOA框架（三）：请求参数的加密方式

    第二章中说明请求参数有哪些,主要是公共参数和业务参数,服务端需要对参数进行效验,已验证请求参数的合法性 参数效验前先解释下以下参数: 1.参数键值对:包括公共参数.业务参数      1.公共参数:按 ...

  7. aip接口中对url参数md5加密防篡改的原理

    目前网上所有开放api的网站中,数据的调用都是采用同一种方式,即: http:www.xxx.com/aa=1&bb=2...,原后对这些参数按字典顺序排序后进行md5加密,将md5加密串与接 ...

  8. python完成数组格式的请求参数的加密计算

    #输入 '''order_id:31489 join_course[0][join_tel]:13130999882 join_course[0][join_name]:任学雨 join_course ...

  9. asp.net MVC ajax 请求参数前台加密后台解密

    最近有一个需求要求页面查询数据库,查询内容保存到excel里面作为附件加密打包下载.查询的sql作为参数传入后台,实现加密提交.这里做个记录,后面用到直接来拿. 控制器 public ActionRe ...

随机推荐

  1. 初探Java设计模式1：创建型模式（工厂，单例等）

    Java 设计模式 一直想写一篇介绍设计模式的文章,让读者可以很快看完,而且一看就懂,看懂就会用,同时不会将各个模式搞混.自认为本文还是写得不错的,花了不少心思来写这文章和做图,力求让读者真的能看着简 ...

  2. C++STL模板库适配器之优先级队列

    目录 适配器之优先级队列 一丶优先级队列简介(priority_queue) 二丶优先级队列代码演示 1.优先级队列代码以及使用简介 适配器之优先级队列 一丶优先级队列简介(priority_queu ...

  3. MyBatis动态代理执行原理

    前言 大家使用MyBatis都知道,不管是单独使用还是和Spring集成,我们都是使用接口定义的方式声明数据库的增删改查方法.那么我们只声明一个接口,MyBatis是如何帮我们来实现SQL呢,对吗,我 ...

  4. SpringBoot系列——Spring-Data-JPA

    前言 jpa是ORM映射框架,更多详情,请戳:apring-data-jpa官网:http://spring.io/projects/spring-data-jpa,以及一篇优秀的博客:https:/ ...

  5. 大前端的自动化工厂（5）—— 基于Karma+Mocha+Chai的单元测试和接口测试

    一. 前端自动化测试 大多数前端开发者对测试相关的知识是比较缺乏的,一来是开发节奏很快,来不及写,另一方面团队里也配备了"人肉测试机",完全没必要自己来.但随着项目体量的增大,许多 ...

  6. wpf 无缝滚动

    很早以前有项目就需要文字无缝滚动的效果但无奈当时技术不到位 人也比较懒惰(大概程序猿都是这个样子吧) 此方法并非只文字无缝其实任何内容都可以 <ScrollViewer Name="s ...

  7. Java开发笔记（五十三）关键字final的用法

    前面介绍了多态的相关用法,可以看到一个子类从父类继承之后,便能假借父类的名义到处晃悠.这种机制在正常情况之下没啥问题,但有时为了预防意外发生,往往只接受当事人来处理,不希望它的儿子乃至孙子来瞎掺和.可 ...

  8. (11)Microsoft office Word 2013版本操作入门_word中表格操作

    制作一个如下表格: 1. 插入一个4x4的表格或者手动绘制一个4x4表格. 1.1插入一个4x4表格或者绘制表格的按钮如下图所示 绘制表格,自己手动画比较复杂的表格 1.2对插入的表格:  点击表格的 ...

  9. 关于Android使用SFTP上传文件报错问题

    错误报告java.lang.NoClassDefFoundError:Failed resolution of: Lorg/ietf/jgss/Oid; 问题是由于 Lorg.ietf. jgss.O ...

  10. 开源负载测试工具k6比JMeter更容易的5件事

    k6是GitHub上提供的开源负载测试工具.它是用Go编写的,并运行用JavaScript编写的测试脚本.它受到了开发人员,测试人员和DevOps团队的强烈兴趣,并拥有超过4400名GitHub明星. ...