理解JavaScript编码函数escape、encodeURI、encodeURIComponent

    遇到的问题：

    今天在对接银行的一个鉴权接口时发现，后端接收到的参数出现很多空格，导致鉴权失败。断点前端ajax发现前端传的参数没有问题，但是服务端把前端传参的“+”号全部变成空格。

    分析问题：

    为什么后端获得的参数会变成空格？原因是：网页在提交表单的时候，如果有空格，会将其都转换为“+”字符。然后服务器处理数据时，会把“+”再处理成空格。而我在前端对参数进行编码时，使用的编码函数是encodeURI，这就导致了上述的问题。

    为什么？：

    首先，由于网络标准的硬性规定，只有字母和数字、一些特殊符号$-_.+*'(),以及某些保留字，才可以不经过编码直接用于URL。

    那么如果要用到除以上规定之外的文字和符号（如：中文），就必须对其编码后使用。

    三种编码函数：

    1 escape

    escape相对久远，已经不提倡使用了。它其实不能直接用于URL编码，真正的作用是返回一个字符的Unicode值。

    2 encodeURI

    encodeURI用于对整个URL进行编码，但是它保留URL中有特殊含义的符号 ;/?:@&=+,#'    并且输入符号的utf-8形式，在每个字节前加上%

encode() 例子保留特殊符号

    注意：escape和encodeURI编码函数都不对“+”号编码，也就是说如果参数中有“+”号，并且使用它们进行编码，ajax传给后端处理时“+”号会变成空格！下面的函数可以解决这个问题。

    3 encodeURIComponent

    encodeURIComponent函数可以将encodeURI中不被编码的符号统统编码。假如要传递带&符号的网址，都要用encodeURIComponent

encodeURIComponent() 例子对特殊符号编码

    解决问题：

    将前端编码函数encodeURI改为encodeURIComponent即可。

参考文章：https://www.cnblogs.com/huaxingtianxia/p/7125862.html