应该使用这两种方法中的哪一种来编码 URL？
我应该使用 encodeURI 还是 encodeURIComponent 来编码 URL？
IT技术
javascript
2021-01-16 21:12:34
6个回答
这取决于您实际想要做什么。
encodeURI 假设输入是一个完整的 URI，其中可能包含一些需要编码的字符。
encodeURIComponent 将对具有特殊含义的所有内容进行编码，因此您可以将其用于 URI 的组件，例如
var world = "A string with symbols & characters that have special meaning?";
var uri = 'http://example.com/foo?hello=' + encodeURIComponent(world);
如果您要对字符串进行编码以放入 URL 组件（查询字符串参数），则应调用encodeURIComponent.
如果要对现有 URL 进行编码，请调用encodeURI.
xkr.us有一个很好的讨论，有例子。引用他们的总结：
escape() 方法不对 + 字符进行编码，该字符在服务器端被解释为空格，以及由字段中带有空格的表单生成。由于此缺点以及此函数无法正确处理非 ASCII 字符的事实，您应尽可能避免使用 escape()。最好的选择通常是 encodeURIComponent()。
escape() 不会编码：@*/+
使用 encodeURI() 方法比 escape() 方法更专业，因为它为 URI 编码，而不是作为 URL 一部分的查询字符串。当您需要对字符串进行编码以用于任何使用 URI 并需要某些字符保持未编码状态的资源时，请使用此方法。请注意，此方法不对 ' 字符进行编码，因为它是 URI 中的有效字符。
encodeURI() 不会编码：~!@#$&*()=:/,;?+'
最后，在对 URI 的单个组件进行编码时，应在大多数情况下使用 encodeURIComponent() 方法。此方法将对某些通常被识别为 URI 的特殊字符的字符进行编码，以便可以包含许多组件。请注意，此方法不对 ' 字符进行编码，因为它是 URI 中的有效字符。
encodeURIComponent() 不会编码：~!*()'
这是一个总结。
escape() 不会对 @ * _ + - 进行编码。/
不要使用它。
encodeURI() 不会对 AZ az 0-9 进行编码；, / ? ：@ & = + $ - _ 。！~ * ' ( ) #
当您的输入是完整的 URL 时使用它，例如“ https://searchexample.com/search?q=wiki ”
- encodeURIComponent() 不会对 AZ az 0-9 - _ 进行编码。！~ * ' ( ) 当您的输入是完整 URL 的一部分时使用它，例如
const queryStr = encodeURIComponent(someString)
encodeURI和encodeURIComponent用于不同的目的。
一些区别是
encodeURI用于编码完整的 URL，而encodeURIComponent用于编码 URI 组件，例如查询字符串。
有11 个字符不是由 encodeURI 编码的，而是由 encodeURIComponent 编码的。列表：
| 特点 | 编码URI | 编码URI组件 |
|---|---|---|
| # | # | %23 |
| $ | $ | %24 |
| & | & | %26 |
| + | + | %2B |
| , | , | %2C |
| / | / | %2F |
| ： | ： | %3A |
| ; | ; | %3B |
| = | = | %3D |
| ? | ? | %3F |
| @ | @ | %40 |
注意：
encodeURIComponent 不编码 -_.!~*'()。如果要对这些字符进行编码，则必须将它们替换为相应的 UTF-8 字符序列
如果您想了解有关 encodeURI 和 encodeURIComponent 的更多信息，请查看参考链接。 参考链接