JS - URLSearchParams - add parameters

Question

I don't seem to be able to add parameters/queries to the URL. I'm trying to add parameters to the url. I'm trying to do it with .set() and .append() but neither seems to do what I thought it'd do. Am I misunderstanding what those methods are meant to do. The desired output should be:

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

Code:

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

console.log(params.toString()) - the variable params contains an object, not a string. — VLAZ
– VLAZ, Commented Jun 27, 2020 at 19:25

mplungjan · Accepted Answer · 2020-06-28 06:50:54Z

3

You meant to do this

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);
*/

edited Jun 28, 2020 at 6:50

answered Jun 27, 2020 at 19:28

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mario · Accepted Answer · 2020-06-27 19:37:53Z

2

Try this

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());

See

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

answered Jun 27, 2020 at 19:37

Mario

5,0044 gold badges42 silver badges65 bronze badges

Collectives™ on Stack Overflow

JS - URLSearchParams - add parameters

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related