JS中对URL进行转码与解码encodeURI、encodeURIComponen和escape

吴维炜

于 2019-01-15 15:30:56 发布

阅读量2.8k

点赞数 1

分类专栏：前端就那么回事文章标签： decodeURIComponent JS对URL加密解密 encodeURL加密解密 escape加密解密 encodeURLComponent加密解密

本文链接：https://blog.youkuaiyun.com/qq_38209578/article/details/86493514

版权

前端就那么回事专栏收录该内容

122 篇文章 ¥19.90 ¥99.00

订阅专栏

本文详细介绍了JavaScript中处理URL编码的三种方法：encodeURIComponent、encodeURI和escape，以及对应的解码方法。特别强调了它们在处理中文和其他特殊字符时的差异，对于防止URL乱码和正确传递参数至关重要。每个方法的使用场景和注意事项也进行了说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文主要介绍URL携带中文的情况下如何防止出现乱码。包含 decodeURIComponent 、decodeURI 、unescape的注意事项。

方法一：encodeURIComponent 和 decodeURIComponent

此方法较为常用，它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。

var url = "http://localhost:8080/pro?a=1&b=李师&c=aaa";
encodeURIComponent(url)
decodeURIComponent(url)

注：
1、"; / ? : @ & = + $ , #"，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码。至于具体的编码方法，两者是一样。把URI字符串采用UTF-8编码格式转化成escape格式的字符串。
2、encodeURIComponent() 用于参数的传递，参数包含特殊字符可能会造成间断。

方法二：encodeURI 和 decodeURI

把URI字符串采用UTF-8编码格式转化成escape各式的字符串。

var url = "http://localhost:8080/pro?a=1&b=李师&c=aaa";
encodeURI(url) 
decodeURI(url)

注：
1、encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z
2、encodeURI()用于整个url编码

方法三：escape 和 unescape

此方法不常用，escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。多用于js对字符串进行编码。

var url = "http://localhost:8080/pro?a=1&b=李师&c=aaa";
escape("李师") =>  %E6%9D%8E%E5%B8%88
unescape("%E6%9D%8E%E5%B8%88") => 李师

注：
1、采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。如，空格符对应的编码是%20。
2、escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z。

上述的3中加密方式是可以组合使用的，当然解密方式也要根据规定的顺序去解密，其中标注的一下注意事项和特殊字符请在使用前知悉。