Remove URL parameter with Javascript

Question

I am creating a functionality for a system and I came across the need to manipulate URL parameters in this way I would like to know, how to delete a certain parameter from the URL?

Follow a clearer example:

http://site.com.br?c=cliente&a=editar&id=31228

I need to remove the parameter a=editar of the URL, I tried to do as follows:

var urlReplace = document.URL.replace('&a=editar','');

or

var urlReplace = document.URL.replace(/&a=editar/g,'');

However, neither of the two ways worked!!!

Answer 1

If you do so it works:

window.location = document.URL.replace('&a=editar','');

Remembering that the page will be reloaded.

Answer 2

I had a similar problem, I solved it as follows.

First assign the url to a variable

url = new URL(window.location.href);

Second, I removed the Variable parameter, in the case of the above example is a=edit url site.com.br?c=cliente&a=editar&id=31228

url.searchParams.delete("a")

Last I rewrote the URL without the parameter

window.history.pushState('object or string', 'Title', url)

The whole code went like this

url = new URL(window.location.href);
url.searchParams.delete("a")
window.history.pushState('object or string', 'Title', url)

Answer 3

In modern browsers this operation can be done with the help of the interface URL, Internet Explorer should still use the polyfill. Behold Compatibility table with the browsers.

The interface URL represents an object that provides static methods used to create Urls.

Use the constructor URL() to return an object URL defined by a string.
This object has the property URL.searchParams which allows access to query parameters that the URL possesses.

Two methods of URL.searchParams will be helpful:

• URLSearchParams.has() that returns a boolean true indicated that that URL has certain query parameters. Otherwise it returns false.
• URLSearchParams.delete() which excludes the provided search parameter.

//Cria uma instância de url a partir dum string.
const url = new URL('http://site.com.br?c=cliente&a=editar&id=31228'); 

console.log(`URL original: ${url}`);     //Imprime a url original.


let params = url.searchParams;           //Obtém os parâmetros de consulta da url. 
//Verifica se o parâmetro a existe...
if (params.has('a')) params.delete('a'); //Se o parâmetro existir o remove.

console.log(`URL modificada: ${url}`);   //Imprime a url modificada