Javascript Url Replace

Question

So currently, I have my url like this: http://localhost:8000/fund_monitor/fund_details/fundaccountid=4&transmission=3&startDate=2017-08-01&endDate=2017-08-02/

Then when I redirect the url using windows.location.replace(url), the url becomes like this: http://localhost:8000/fund_monitor/fund_details/fundaccountid%3D4&transmission%3D3&startDate%3D2017-08-01&endDate%3D2017-08-02/

So the equal sign gets converted to another format. Is there a way to retain the original format?

Thanks

Doesn't seem to cause an issue for me on Chrome latest. Which browser are you using? — Horia Coman
– Horia Coman, Commented Aug 24, 2017 at 13:29
well why is it not a querystring? It is being urlencoded.... — epascarello
– epascarello, Commented Aug 24, 2017 at 13:30
does it do the same i you use windows.location.href = url;? — Kaddath
– Kaddath, Commented Aug 24, 2017 at 13:31
Shouldn't the url be http://localhost:8000/fund_monitor/fund_details/?fundaccountid=4&transmission=3&startDate=2017-08-01&endDate=2017-08-02/ (notice the ? separating the path from the data) or something like that? Special characters like = and & are not allowed as is in the path, that's why they get encoded, but they are expected in the query string. — Lennholm
– Lennholm, Commented Aug 24, 2017 at 13:32

Community · Accepted Answer · 2021-10-07 08:57:08Z

4

It might be because the URL is not in a valid format. It's format is roughly protocol://host:port/path?query_params[1], where query_params looks like a=1&b=2 etc. But you do need the ? to separate the path from your parameters. Whatever you're using seems to treat the part fundaccountid=4&transmission=3&startDate=2017-08-01&endDate=2017-08-02/ as a path, and url encodes it so it can be a proper path. Perhaps try to write the URL as: http://localhost:8000/fund_monitor/fund_details?fundaccountid=4&transmission=3&startDate=2017-08-01&endDate=2017-08-02 and see if that works.

Though it will mean some changes to your backend.

[1] The full format you can see on Wikipedia or RFC 3986

edited Oct 7, 2021 at 8:57

CommunityBot

11 silver badge

answered Aug 24, 2017 at 13:32

Horia Coman

8,8112 gold badges25 silver badges25 bronze badges

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

Comments

Hassan Imam · Accepted Answer · 2017-08-24 16:16:06Z

2

You can use decodeURIComponent().

The decodeURIComponent() function decodes a Uniform Resource Identifier (URI) component previously created by encodeURIComponent or by a similar routine.

var url = 'http://localhost:8000/fund_monitor/fund_details/fundaccountid%3D4&transmission%3D3&startDate%3D2017-08-01&endDate%3D2017-08-02/';

console.log(decodeURIComponent(url));

edited Aug 24, 2017 at 16:16

answered Aug 24, 2017 at 13:32

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

3 Comments

artgb Over a year ago

Good and reliable answer

user663031 Over a year ago

This is sort of the reverse of the correct answer. He wants to know why his URL is being encoded, not how to encode it.

Hassan Imam Over a year ago

@torazaburo Just attached the wrong description. The code snippet was correct to get the decoded URL but its explanation was wrong. Corrected it. Thanks for pointing out.

Collectives™ on Stack Overflow

Javascript Url Replace

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related