how to replace part of the URL with JavaScript?

Question

I have something like http://domain.com/Pages/SearchResults.aspx?function=search&selectedserver=intranet&search_query=MyRecords and need to replace it by JavaScript with something similar to http://domain.com/Pages/SearchResults.aspx?function=loginsearch&user=admin&password=admin&selectedserver=intranet&search_query=MyRecords — so

function=search

is being replaced with

function=loginsearch&user=admin&password=admin

inside the URL. Need help with what JavaScript should I save as a button on a browser's tool bar to click and have the URL in the address bar replaced.

Please tell me you are not sending a username and password in cleartext. — Cameron Skinner, Jan 12 '11 at 02:02

score 22 · Accepted Answer · answered Jan 12 '11 at 02:02

22

var url = window.location.toString();
window.location = url.replace(/function=search/, 'function=loginsearch&user=admin&password=admin');

answered Jan 12 '11 at 02:02

Matt Ball

354,903
100
647
710

1

added a button with the following code: javascript:var url = window.location.toString();window.location = url.replace(/function=search/, 'function=loginsearch&user=admin&password=admin'); and it worked! Thanks a lot! – user63503 Jan 12 '11 at 02:17
@Juan: depends on if it's in an `onclick` attribute or not. – Matt Ball Jan 12 '11 at 18:39
There's no reason to run it as href="javascript: {...}" – Ruan Mendes Jan 12 '11 at 18:41
Changing something in the URL is just possible by JS? Actually I'm trying to replace all spaces with `+` in the URL. How can I do that? – Shafizadeh May 23 '16 at 18:02
@MattBall What why? Why I what to replace spaces with `+` or why I want to do that by something else *(not JS)*? – Shafizadeh May 23 '16 at 21:56
Why do you want to replace spaces with `+`? – Matt Ball May 23 '16 at 21:58

tocqueville · Answer 2 · 2020-03-30T15:21:47.173

11

The only way to update the displayed URL without reloading the page is history.pushState

window.history.pushState('', '', '/your-new-url');

edited Mar 30 '20 at 15:21

answered Mar 10 '17 at 15:22

tocqueville

5,270
2
40
54

score 4 · Answer 3 · answered Jan 12 '11 at 02:03

4

 location.href = location.href.replace(
    'function=search&', 'function=loginsearch&user=admin&password=admin&')

answered Jan 12 '11 at 02:03

Ruan Mendes

90,375
31
153
217

score 1 · Answer 4 · answered Sep 09 '20 at 09:24

1

My version. Works fine for me.

let url = window.location.toString();
window.history.pushState('', '', url.replace(searching_string, new_string));

answered Sep 09 '20 at 09:24

Andriy Petrusha

129
1
1
8

score 0 · Answer 5 · answered Apr 16 '15 at 03:45

You may find the dedicated library URI.js helpful, particularly setQuery() and addQuery() methods. I pasted this chunk of code directly into the console on that page and it seems to work:

var url = 'http://domain.com/Pages/SearchResults.aspx?function=search&selectedserver=intranet&search_query=MyRecords';
var uri = new URI(url);
var new_params = {'function': 'loginsearch', 'user': 'admin', 'password': 'admin'};
uri.setSearch(new_params);
console.log(uri.toString());

http://domain.com/Pages/SearchResults.aspx?function=loginsearch&selectedserver=intranet&search_query=MyRecords&user=admin&password=admin
<- undefined
>

It should be easy to turn this logic into a function (or a one-liner :)). As an aside, why are you passing the credentials right in the URL?

score 0 · Answer 6 · answered Jun 14 '16 at 11:22

0

var url             = window.location.href;               
window.location     = url.replace(/function=search/, 'function=loginsearch&user=admin&password=admin');

answered Jun 14 '16 at 11:22

Black

18,150
39
158
271

how to replace part of the URL with JavaScript?

6 Answers6

Linked