在設定URL參數時編碼特殊字符

Question

我需要設定一些URL參數，其中還需要包含一個特殊字元$

目前我正在使用.set()來建立和設定這些參數的值：

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

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

我知道我需要使用encodeURI()來確保在URL中得到$而不是$ -但是在哪個階段我該這麼做呢？

如果我在將參數轉換為字串並將其添加到URL時進行這樣的操作，它們已經被轉換了。

myUrl.search = encodeURI(params.toString());
// 輸出：http://www.example.com/?$param1=60&$param2=100
// 期望：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

在您的情況下，$字元被編碼為$，因為它是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提供的自動編碼。

請確認此解決方案是否對您有效，或是否需要進一步協助。