How to append parameters to the URL without refresh with JavaScript?

Spread the love

To append parameters to the URL without refresh with JavaScript, we use the replaceState method.

For instance, we write

const url = new URL(window.location.href);
url.searchParams.set("param1", "val1");
url.searchParams.delete("param2");
window.history.replaceState(null, null, url);

to parse the existing URL into an object with the URL constructor.

Then we call searchParams.set to set the param1 query parameter value to 'val1'.

Next, we call delete to delete the param2 query parameter.

And then we call replaceState with the url object automatically converted to a string to update the query string.

Leave a Reply

Your email address will not be published. Required fields are marked *