Javascript - Remove some part of URL and Add Query after

Question

How can I remove some part of an url and add some query before returning it?

Example:

locahost:8080/product/orders/1.

I want to remove the orders/1 and add /?query="sample" .

Answer 1

使用替换功能：

location.replace("locahost:8080/product/?query='sample'")

Answer 2

You can get the url by simply doing window.location.href . You can then edit it by copying it to some new var newURL = window.location.href;

newUrl = newUrl.replace('/orders/1', '/?query=\"sample\"');

window.location.href = newUrl; // execute this to pass on the parameters to the current page.

Answer 3

Suppose you have url like this in variable1, let say like this

var variable1 = 'http://locahost:8080/product/orders/1'; //here you can get the actual browser url using `window.location.href`and assign it to `variable1`

just use replace function:

var final_text = variable1.replace('/orders/1','?query=sample');

you will get the following output, you do console.log(final_text) ;

http://locahost:8080/product?query=sample

Answer 4

You can try something like

var url = window.location.href;
var query = "somestring" ;
window.location.replace(url + "&" + somestring);

removing the / pieces:

var newloc = url.substring(0, url.search("/")) + query;
window.location.replace(newloc);