从 URL 解码 %20 的问题

Question

我发现以下线程提供了一种非常有用的方法来创建永久链接或通过 URL 传递字符串值：

Original Thread

不幸的是，如果您想通过 URL 将字符串“测试字符串”传递给特定的 <div> 并将其显示为简单的文本，那么如果您的 URL，上述线程似乎不会解码空白看起来像这样：

http://www.abc123.org/subpage.html?test%20string

代码将简单地接受 URL 中通过“？”的任何内容。它将显示为“simple%20text”。

有没有一种简单的方法来做类似于Thread's accepted answer 的操作，以便所有 %20 都可以替换为空格？谢谢！

Answer 1

你可以使用decodeURI():

用字符替换编码 URI 中的每个转义序列 它表示，但不解码可能的转义序列 尚未由 encodeURI 引入。字符“#”不是 从转义序列中解码。

const result = decodeURI('http://www.abc123.org/subpage.html?test%20string');

console.log(result);