角网址加号转换为空间

我有角应用程序，我想通过加号+在查询字符串，如：角网址加号转换为空间

http://localhost:3000/page?name=xyz+manwal

当我打这个URL其转换为：

http://localhost:3000/page?name=xyz%20manwal

其中％指的是空间。我怎样才能防止这种转换？

来源

2017-08-01 Manwal

为什么你需要吗？ –

我想在'xyz + manwal'中使用名称值，在给定的URL中保存'xyz manwal'。 – Manwal

它只是一个URL，无论你在哪里阅读，它都应该被正确解析为一个加号，你不能在URL中使用加号。阅读[本]（https://stackoverflow.com/questions/2678551/when-to-encode-space-to-plus-or-20） –

我找到了解决方案，并将其发布供将来参考。 Angular js将+符号转换为%2B。

下面的代码防止：

.config([ 
    '$provide', function($provide) { 
     $provide.decorator('$browser', function($delegate) { 
     let superUrl = $delegate.url; 
     $delegate.url = (url, replace) => { 
      if(url !== undefined) { 
      return superUrl(url.replace(/\%2B/g,"+"), replace); 
      } else { 
      return superUrl().replace(/\+/g,"%2B"); 
      } 
     }; 
     return $delegate; 
     }); 
    } 
    ])

来源

2017-09-08 12:23:44 Manwal

这是一个很常见的问题。您可以在application/x-www-form-urlencoded请求中正常传递它。没有其他请求将能够正确解析+。他们总是将它解析为％20而不是％2B。

您需要手动操作查询参数时，有2种方式：

编码参数为64位编码，这种方式没有特殊字符可以打破你的应用程序，但你还需要处理它在接收部分（解码）。
一个简单的解决方案是，在击中URL之前，用％2B替换所有的+号。通过这种方式，另一方将能够正常解码，而不需要特殊的例程。

欲了解更多信息，你应该reffer到HTHE以下堆栈溢出问题Android: howto parse URL String with spaces to URI object?和URL encoding the space character: + or %20?

来源

2017-08-03 07:35:41 Aleksandar

这1A中常见的问题。该URL使用+字符来分隔两个单词。为了在参数值中使用+字符，需要在将参数值作为URL的一部分添加之前对其进行编码。 Javascript/TypeScript为该特定目的提供了一个encodeURI()函数。

URL编码将字符转换为可通过Internet传输的格式，可以传输。 [w3Schools Reference]

这里是你如何解决这个问题：

let encodedName = encodeURI('xyz+manwal'); 
let encodedURI = 'http://localhost:3000/page?name='+encodedName; 

//.. OR using string interpolation 
let encodedURI = `http://localhost:3000/page?name=${ encodedName }`;

以同样的方式，可以解码使用decodeURI()方法的参数。

let decodedValue = decodeURI(encodedValue);

来源

2017-08-08 07:28:23 Faisal

这个解决方案比较好，在使用URL之前编码效果不错，但是。有第三方生成链接，其中包含“+”号。这些URL在'c＃'的应用程序的旧版本中运行良好。但对于我们来说（新版本的应用程序），它甚至不接受'+'号立即将'+'转换为'％20'。 – Manwal

当我使用webpack将其改变的URL'+'变成'％20'时使用angular。我想在网址上看到“+”号。在Apache的其他服务器中，不会将'+'转换为任何与URL相同的东西。 – Manwal

角网址加号转换为空间

回答

相关问题