JS中encodeURIComponent对加号进行编码

前端使用的编码方法有encodeURI和encodeURIComponent

encodeURI
    URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。

说明
    该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。
    该方法的目的是对 URI 进行完整的编码，因此对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的：;/?:@&=+$,#
    
encodeURIComponent
    URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。
    
    该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。

    其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。

有一种情况要注意：前端对URL进行编码传递到后台，而后台使用URLDecoder解码

这时候如果url中有加号“+”字符，由于encodeURI不会对其进行编码，后台解码的时候会将加号“+”解码为一个空字符""；从而导致解析得到的数据有问题。

从上面可以看出如果url中含有加号“+”等字符最好，使用encodeURIComponent。

 

关于URLDecoder，这篇文章说的很详细了，这里不赘述，大家想了解的可以去看下。

https://blog.csdn.net/wangmx1993328/article/details/80873879

 

知识使我快乐