遇到的问题:
今天在对接银行的一个鉴权接口时发现,后端接收到的参数出现很多空格,导致鉴权失败。断点前端ajax发现前端传的参数没有问题,但是服务端把前端传参的“+”号全部变成空格。
分析问题:
为什么后端获得的参数会变成空格?原因是:网页在提交表单的时候,如果有空格,会将其都转换为“+”字符。然后服务器处理数据时,会把“+”再处理成空格。而我在前端对参数进行编码时,使用的编码函数是encodeURI,这就导致了上述的问题。
为什么?:
首先,由于网络标准的硬性规定,只有字母和数字、一些特殊符号$-_.+*'(),以及某些保留字,才可以不经过编码直接用于URL。
那么如果要用到除以上规定之外的文字和符号(如:中文),就必须对其编码后使用。
三种编码函数:
1 escape
escape相对久远,已经不提倡使用了。它其实不能直接用于URL编码,真正的作用是返回一个字符的Unicode值。
2 encodeURI
encodeURI用于对整个URL进行编码,但是它保留URL中有特殊含义的符号 ;/?:@&=+,#' 并且输入符号的utf-8形式,在每个字节前加上%
注意:escape和encodeURI编码函数都不对“+”号编码,也就是说如果参数中有“+”号,并且使用它们进行编码,ajax传给后端处理时“+”号会变成空格!下面的函数可以解决这个问题。
3 encodeURIComponent
encodeURIComponent函数可以将encodeURI中不被编码的符号统统编码。假如要传递带&符号的网址,都要用encodeURIComponent
解决问题:
将前端编码函数encodeURI改为encodeURIComponent即可。
参考文章:https://www.cnblogs.com/huaxingtianxia/p/7125862.html