Javascript passing an encoded url to window.location.href

Question

I'd like to redirect a page with javascript using the following code:

    var s = 'http://blahblah/' + encodeURIComponent(something);
    alert(s);
    window.location.href = s;

The alert shows the correct encoded url but when I pass it to window.locaion.href, it redirects the page to the unencoded url which is wrong. How could I do it properly? Thanks

Actually it's working on both. But firefox shows the unencoded url in the url bar. — Needpoule
– Needpoule, Commented Feb 21, 2014 at 14:50
Sounds like a versions issue! For interest's sake could you tell us what versions of what browser did not work for you? — taddy hoops
– taddy hoops, Commented Apr 11, 2014 at 8:36

taddy hoops · Accepted Answer · 2014-02-21 15:27:39Z

6

This could be related to (a) using firefox or (b) specific APIs that you're feeding encodedComponent into, like Google search.

Here's one tested solution on Firefox-stable:

var clearComponent = 'flowers for my boyfriend & husband on valentines';
var encodedComponent = encodeURIComponent(clearComponent);
var googleSafeComponent = encodedComponent.replace(/%20/g,'+');  // replaces spaces with plus signs for Google and similar APIs
var completeURI = 'http://google.com/?q=' + googleSafeComponent;
window.location = completeURI;

Or all in one line:

window.location = 'http://google.com/?q=' + encodeURIComponent('flowers for my boyfriend & husband on valentines').replace(/%20/g,'+');

window.location implies window.location.href so you can save some letters. ;)

edited Feb 21, 2014 at 15:27

answered Feb 21, 2014 at 14:55

taddy hoops

6033 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Javascript passing an encoded url to window.location.href

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related