java——前端给后端传参时多个逗号的问题

短命女 2022-03-01 01:08 1696阅读 0赞

# <table>   <tbody>    <tr>     <td align="left"><font>*前言</font></td>    </tr>   </tbody>  </table> #

前端给后端传参时会多个逗号的情况我遇到过两种，第一种：是表单提交时两个两个标签的name值一样而导致出现逗号；第二种：表单提交时没有标签的name值相同的情况也出现了逗号。第二种情况也是偶然间发现的，下面小菜就来分享一下。

# <table>   <tbody>    <tr>     <td align="left"><font>*第一种：两个标签name值相同时传参出现逗号</font></td>    </tr>   </tbody>  </table> #

1、原因  
  
  因为表单提交时，都是用前端表单中的那些标签控件的name值和后端实体中的字段进行对应，如果出现两个name值相同的控件，提交表单时这两个控件的值都会传给后端的同一个字段，后端接收时就会用逗号将值区分。

![在这里插入图片描述][20190321125212484.png]  
2、解决办法  
  
  方法一：把前端name值相同的控件的name改成不一样的，并在实体中也定义相应的变量进行接收  
  
  方法二：在后端把接收到带逗号的值用split进行切割

# <table>   <tbody>    <tr>     <td align="left"><font>*第二种：两个标签name值不同时传参出现逗号</font></td>    </tr>   </tbody>  </table> #

1、原因  
   上面的第一种情况大家应该都很熟悉，第二种情况小菜之前就遇到过，但是不知道出现这种情况的原因。前几天小菜在维护过程中偶然发现了原由——这种情况是在提交编辑页的表单时发生的，大家都知道点击“编辑”按钮时会跳转到“编辑页”，跳转到编辑页的url中一般都会带上一个参数，大多是id，页面回显时又会在页面中多加个隐藏的input框来回显id。在此时这种情况，提交编辑表单就会传两个id值，一个是url中名为id的值，另一个就是隐藏的input中的id值。

![在这里插入图片描述][20190321125237600.png]

2、解决办法  
  
  知道了出现这种情况的原因，其实解决的话就简单，要么把url中的参数起个别名，要么表单提交到后端用split进行截取。

[20190321125212484.png]: /images/20220301/e7087de9ed4e4dd6a8a5524108954a5c.png
[20190321125237600.png]: /images/20220301/0134a29c42d64810bb53adc54b132319.png