Kodierung von Sonderzeichen beim Festlegen von URL-Parametern

Question

Ich muss einige URL-Parameter festlegen, die auch ein Sonderzeichen enthalten müssen. $

Derzeit verwende ich .set() um die Werte dieser Parameter zu erstellen und festzulegen:

const myUrl = new URL("http://www.example.com/?");

let params = new URLSearchParams();
params.set('$param1', '60');
params.set('$param2', '100');

Ich weiß, dass ich encodeURI() verwenden muss, um sicherzustellen, dass ich $ in der URL erhalte. code> - Aber in welchem ​​Stadium sollte ich das tun?

Wenn ich beim Konvertieren der Parameter in Strings und beim Hinzufügen zur URL so etwas mache, sind sie bereits konvertiert.

myUrl.search = encodeURI(params.toString());
// Ausgabe: http://www.example.com/?%24param1=60&%24param2=100
// Erwartung: http://www.example.com/?$param1=60&$param2=100

Answer 1

由于您需要它且您的服务器支持它，只需在最后修复它

const myUrl = new URL("http://www.example.com/?");

let params = myUrl.searchParams;
params.set('$param1', '60');
params.set('$param2', '100');

console.log(myUrl.toString().replace(/%24/g,"$"))

Answer 2

在您的情况下，$字符被编码为%24，因为它是URL中的保留字符。 URLSearchParams对象的set方法会自动对这些字符进行编码，以确保生成的字符串是一个有效的URL。

然而，如果您想按原样包含$字符，您可以通过手动构建查询字符串来绕过自动编码：

const myUrl = new URL("http://www.example.com/?");

let params = ['$param1=60', '$param2=100'].join('&');

myUrl.search = params;

console.log(myUrl.toString());
// 输出：http://www.example.com/?$param1=60&$param2=100

这将给您所需的输出，但请注意，根据URL规范，这可能不是一个有效的URL，因为$是一个保留字符。这可能会导致某些服务器或API出现问题。

如果您控制您正在与之交互的服务器或API，并且您确信它可以处理查询字符串中带有$字符的URL，则此方法应该有效。否则，通常最安全的做法是使用URLSearchParams提供的自动编码。

请确认此解决方案是否对您有效，或者是否需要进一步协助。