为什么不解码URI(“a”b”)==“a b”？

Question

我正在尝试用 Ruby 对 URL 进行编码，然后用 Javascript 对其进行解码。然而，加号字符给了我奇怪的行为。

在 Ruby 中：

[Dev]> CGI.escape "a b"
=> "a+b"
[Dev]> CGI.unescape "a+b"
=> "a b"

到目前为止一切顺利。但是 JavaScript 呢？

>>> encodeURI("a b")
"a%20b"
>>> decodeURI("a+b")
"a+b"

基本上我需要一种在 Javascript 和 Ruby 中以相同方式工作的 URL 编码/解码方法。

编辑： decodeURIComponent 也好不到哪儿去：

>>> encodeURIComponent("a b")
"a%20b"
>>> decodeURIComponent("a+b")
"a+b"

Answer 1

+ 不被视为空格。一种解决方法是将 + 替换为 %20，然后调用 decodeURIComponent

取自 php.js' url 解码：

decodeURIComponent((str+'').replace(/\+/g, '%20'));

Answer 2

来自 MDC 解码URI：

不解码不能由encodeURI引入的转义序列。

来自 MDC 编码URI：

请注意，encodeURI 本身无法形成正确的 HTTP GET 和 POST 请求，例如 XMLHTTPRequests，因为“&”、“+”和“= 未编码

Answer 3

您可能想查看 URI.encode 和 URI.decode：

require 'uri'

URI.encode('a + b') # => "a%20+%20b"
URI.decode('a%20+%20b') # => "a + b"

我经常使用的替代方案是 Addressable::URI：

require 'addressable/uri'
Addressable::URI.encode('a + b') #=> "a%20+%20b"
Addressable::URI.unencode('a%20+%20b') #=> "a + b"

Answer 4

如果您使用 php urlencode，那么当通过 XMLHttpRequest 从 php 发送响应时，您也会遇到 a+b 相同的问题。要解决这个问题，你必须使用 php rawurlencode 函数。

由于某种原因，从 XMLHttpRequest 到 php urldecode 工作正常。