JS - URLSearchParams - 添加参数

Question

我似乎无法向 URL 添加参数/查询。我正在尝试将参数添加到 url。我正在尝试使用 .set() 和 .append() 来做到这一点，但似乎两者都没有做我认为它会做的事情。我是否误解了这些方法的用途。期望的输出应该是：

http://newsapi.org/v2/top-headlines?country=gb&q=some_word

代码：

const url = new URL('/v2/top-headlines', 'http://newsapi.org')
const params = new URLSearchParams(url.search);
params.set('country', 'gb');
params.append('q', 'some_word')
console.log(url); // All good http://newsapi.org/v2/top-headlines
console.log(url.search); // empty object
console.log(params); // Empty string

Answer 1

你是故意的

const url = new URL('http://newsapi.org/v2/top-headlines');

url.searchParams.set('country', 'gb');
url.searchParams.set('q', 'some_word');
console.log(url);

// separately setting the searchParams 
/*
const url = new URL('/v2/top-headlines', 'http://newsapi.org'); // (relative,base)
const params = new URLSearchParams(url.search); // if the url had a queryString already
params.set('country', 'gb');
params.set('q', 'some_word');
url.search = params;
console.log(url);
*/

Answer 2

试试这个

const url = new URL("/v2/top-headlines", "http://newsapi.org");

url.searchParams.append("country", "gb");
url.searchParams.append("q", "some word");

console.log(url.toString());

见

• https://developer.mozilla.org/en-US/docs/Web/API/URL/URL