Jquery中表单序列化提交到后台是怎样进行URL解码查看参数

曾经终败给现在 2023-10-18 23:34 65阅读 0赞

## 场景 ##

前端提交表单时提交的data数据为form表单序列化后的数据。

数据已经经过编码无法查看数据的准确性。

比如：

var data = $(this).serialize();
       console.log(data);
       $.ajax({
        async : true,
        cache : false,
        type : 'POST',
        url : actionurl,
        data : data,
        success : function(data) {
         
         }
        },
        error : function(err) {
         
         webToast("请求错误", "middle", "mask", 1000);
        }
       });
      }

其中this就是form表单对象，它序列化后的数据如下：

from=TAO&to=HND&leaveDate=2019-08-15&seqno=2&jiajia=1&price=5086&phone=17685592085&bookInfoList%5B0%5D.ticketUserId=277&bookInfoList%5B0%5D.chineseName=%E6%B5%8B%E8%AF%95

无法查看编码的具体参数信息。

## 实现 ##

百度搜索在线格式化：

[http://tool.oschina.net/encode?type=4][http_tool.oschina.net_encode_type_4]

选择URL编码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

[http_tool.oschina.net_encode_type_4]: http://tool.oschina.net/encode?type=4
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190808144313459.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，65人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery中表单序列化提交到后台是怎样进行URL解码查看参数

场景前端提交表单时提交的data数据为form表单序列化后的数据。数据已经经过编码无法查看数据的准确性。比如： var data = $(this).

曾经终败给现在/ 2023年10月18日 23:34/ 0 赞/ 66 阅读

相关 SpringMVC接受json参数和jquery表单序列化

html代码 <form id="myform"> user:<input type="text" name="username"><br>

淩亂°似流年/ 2023年05月31日 12:11/ 0 赞/ 29 阅读

相关 jquery html解码字符串,jquery如何编码和解码url？

jquery如何编码和解码url？下面本篇文章给大家介绍一下用jquery编码和解码url的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 ![5eb

喜欢ヅ旅行/ 2022年10月07日 08:50/ 0 赞/ 438 阅读

相关 jquery序列化表单并ajax提交

1.准备好form表单 <form method="post"> <input type="text" name="username"

女爷i/ 2022年07月12日 06:12/ 0 赞/ 388 阅读

相关 html中表单提交注意事项

1.表单标签的使用——重点/难点表单(form)：用于收集用户的数据，提交给服务器上某个页面，该页面可以对表单中提交的数据进行保存或查询(由php/jsp/aspx来担

叁歲伎倆/ 2022年06月12日 13:22/ 0 赞/ 250 阅读

相关 ajax 提交表单序列化

通过serialize()方法得到的值为username=xxx&password=xxx $('submit').click(function(){

亦凉/ 2022年05月28日 12:23/ 0 赞/ 239 阅读

相关 jquery 表单序列化

jQuery序列化表单的方法总结现在这里贴出案例中静态的html网页内容： <!DOCTYPE html> <html lang="zh">

左手的ㄟ右手/ 2022年05月27日 07:39/ 0 赞/ 177 阅读

相关 ssh中表单提交到action时报错

org.springframework.beans.ConversionNotSupportedException: Failed to convert property va

阳光穿透心脏的1/2处/ 2022年04月23日 14:40/ 0 赞/ 195 阅读

相关 jquery序列化表单

譬如提交一个登陆的from表单： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

一时失言乱红尘/ 2022年03月15日 07:40/ 0 赞/ 252 阅读

相关 layui表单提交到后台

思路:我在开发问卷调查模块时，想添加问卷的时候使用layui弹出一个表单,然后经过校验提交到ssm下的Controller里一：jsp要弹出的表单 <button id=

拼搏现实的明天。/ 2021年09月22日 14:32/ 0 赞/ 497 阅读