Using javascript navigate to a page and also send querystring?

Question

I want to navigate from page1.html to page2.html and at the same time adding querystring in URL using javascript.

I tried:

window.location.href = 'page2.html?uname=mustafa';

It does navigate to page2.html but "?uname=mustafa" is not added in URL. So am unable to parse querystring on page2. How can I achieve it?

Basically, I want to send data between html pages without using server-side scripting. — mustafa mukadam
– mustafa mukadam, Commented Jan 26, 2015 at 17:32
I just tried your code on a chrome console and it did what you are asking for — bitoiu
– bitoiu, Commented Jan 26, 2015 at 17:35
what is your serverside set up? maybe you are using a cms or some sytem thats stripping the query string? — atmd
– atmd, Commented Jan 26, 2015 at 17:36
It turns out there is some error in other part of code. Above solution worked! — mustafa mukadam
– mustafa mukadam, Commented Jan 26, 2015 at 18:09

mswieboda · Accepted Answer · 2015-01-26 17:58:45Z

3

Have you tried using just

window.location = 'page2.html?uname=mustafa';

instead of using .href? This should preserve the querystring.

Worked for me in Chrome and FF with .href just fine, but I used absolute URLs:

window.location = 'http://google.com/?test=blah&foo=bar';
window.location.href = 'http://google.com/?test=blah&foo=bar';

edited Jan 26, 2015 at 17:58

answered Jan 26, 2015 at 17:53

mswieboda

1,0562 gold badges10 silver badges30 bronze badges

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

3 Comments

mustafa mukadam Over a year ago

still not preserving :(

mustafa mukadam Over a year ago

It turns out there is some error in other part of code. Above solution worked!

mswieboda Over a year ago

don't forget to mark the accepted answer, or create an answer for any solution you figured out yourself

Jordan.J.D · Accepted Answer · 2015-01-26 18:10:23Z

2

I have ran into this problem before as well. I used location.href with an absolute URL and a parameters array like the follow:

var params = [];
params.push("uname=" +mustafa);
location.href = "http://localhost:port/page2.html?" + params.join("&");

answered Jan 26, 2015 at 18:10

Jordan.J.D

8,12111 gold badges51 silver badges80 bronze badges

Comments

Bhavesh Ajani · Accepted Answer · 2022-02-09 10:28:28Z

0

try this

window.location = `addUser.html?userId=${userId}`;

here userId is a parameter and ${userId} is variable value

answered Feb 9, 2022 at 10:28

Bhavesh Ajani

1,29114 silver badges13 bronze badges

Collectives™ on Stack Overflow

Using javascript navigate to a page and also send querystring?

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related