JavaScript 中对 URL 和参数进行编码

小渣渣

URL 编码

有些字符不能出现在 URL 中（例如空格），其他的一些字符在 URL 中有特殊含义。我们需要转换特殊字符以使之符合 W3 URI 规范（ RFC 3986）中定义的句法。这就意味着 URL 必须只能包含一个特殊的 ASCII 字符的子集：我们熟悉的字母和数字，以及一些在 URL 中用作控制字符的保留字符。

JavaScript 中的 URL 编码处理

在 JavaScript 中 encodeURIComponent() 和 encodeURI() 这两个内置函数都可以进行 URL 编码，会把 URL 中的保留字符替换为它们的 UTF-8 编码后的字符。

大多数浏览器会自动进行 URL 编码，例如会把空格字符编码为 %20，不过总有一些例外。幸运的是浏览器提供了内置的 URL 编码和解码函数：encodeURI，encodeURIComponent 和 decodeURI，decodeURIComponent。问题是如何使用这些函数，以及它们之间的区别是什么。

encodeURI()

为一个字符串进行 URL编码很容易，只需要调用 encodeURI，传入要编码的字符串即可。此函数会返回编码后的 URL。

decodeURI()

此函数会进行解码，调用 decodeURI 函数，传入要上述编码后的字符串，然后它会返回解码后的正常的字符串。



encodeURIComponent()

encodeURIComponent 函数应该用于编码 query string 的参数值。encodeURI 和 encodeURIComponent 之间的区别是 encodeURIComponent 编码整个字符串，而 encodeURI 忽略协议前缀（’http://’）以及域名。encodeURIComponent 被设计用来编码所有的内容，而 encodeURI 会忽略 URL 中的域名部分。当你想要为 URL 中的参数值编码时，请选择 encodeURIComponent 函数。

decodeURIComponent()

decodeURIComponent 函数会解码 encodeURIComponent 函数编码后的字符串，把它还原为正常的内容。



回顾：

js对url进行编码和解码（三种方式区别）
https://www.itsvse.com/thread-6844-1-1.html

url编码和解码
https://www.itsvse.com/thread-2728-1-1.html

ASP.NET中的URL编码解码
https://www.itsvse.com/thread-2642-1-1.html

HuairongChen

Mark住,get请求URL中带有#特殊字符,自动截取掉#后面的内容,导致URL地址不正确,无法正常访问