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
– Cameron Skinner, Commented Jan 12, 2011 at 2:02

Matt Ball · Accepted Answer · 2011-01-12 02:02:53Z

22

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

answered Jan 12, 2011 at 2:02

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

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

6 Comments

user63503 Over a year ago

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!

Matt Ball Over a year ago

@Juan: depends on if it's in an onclick attribute or not.

Ruan Mendes Over a year ago

There's no reason to run it as href="javascript: {...}"

Shafizadeh Over a year ago

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 Over a year ago

@MattBall What why? Why I what to replace spaces with + or why I want to do that by something else (not JS)?

|

Franc · Accepted Answer · 2020-03-30 15:21:47Z

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, 2020 at 15:21

answered Mar 10, 2017 at 15:22

Franc

5,5243 gold badges47 silver badges56 bronze badges

Comments

Ruan Mendes · Accepted Answer · 2011-01-12 02:03:42Z

5

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

answered Jan 12, 2011 at 2:03

Ruan Mendes

92.7k31 gold badges161 silver badges225 bronze badges

Comments

Andriy Petrusha · Accepted Answer · 2020-09-09 09:24:41Z

1

My version. Works fine for me.

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

answered Sep 9, 2020 at 9:24

Andriy Petrusha

1291 gold badge1 silver badge8 bronze badges

Comments

Leonid · Accepted Answer · 2015-04-16 03:45:10Z

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?

Black · Accepted Answer · 2016-06-14 11:22:46Z

0

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

answered Jun 14, 2016 at 11:22

Black

20.9k47 gold badges188 silver badges300 bronze badges

Collectives™ on Stack Overflow

how to replace part of the URL with JavaScript?

6 Answers 6

6 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

6 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related