Replace decode the url in JavaScript or JQuery

Question

How can I decode a url in JavaScript or JQuery?

An example: I've got this url:

http://localhost:8080/map/file.html?var1=a%20b%20c&var2=d%20e%20f

If I use code below,

var str = "var1=a%20b%20c&var2=d%20e%20f";
document.write(str.replace("%20", " "));

I've got this:

http://localhost:8080/map/file.html?var1=a b%20c&var2=d%20e%20f

What is the fast en the best way to decode the url?

Possible duplicate of Replacing all occurrences of a string in JavaScript — JJJ
– JJJ, Commented Nov 24, 2015 at 13:53
@Juhana While that does do what the OP is asking, I think Tushar's answer is probably what the OP actually needs — James Thorpe
– James Thorpe, Commented Nov 24, 2015 at 13:54
Yeah, although the actual problem has more than its share of duplicates too... — JJJ
– JJJ, Commented Nov 24, 2015 at 13:55
Tushars answer is the correct one, since it is a URL and you are trying to decode the encoded URI — EasyBB
– EasyBB, Commented Nov 24, 2015 at 14:03
@Juhana: I've edit my question, it was not so clear that is was an url — H. Pauwelyn
– H. Pauwelyn, Commented Nov 24, 2015 at 14:04

Tushar · Accepted Answer · 2015-11-24 14:03:35Z

8

Use decodeURIComponent

var str = decodeURIComponent("This%20is%20a%20%string");

As the string is URL-encoded, the last occurrence of %20 contains an extra % after it, which is probably a typo.

var str = decodeURIComponent("This%20is%20a%20string");
document.write(str);

EDIT:

var url = "http://localhost:8080/map/file.html?var1=a%20b%20c&var2=d%20e%20f";
document.write(decodeURIComponent(url));

edited Nov 24, 2015 at 14:03

answered Nov 24, 2015 at 13:53

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

11 Comments

Alex K. Over a year ago

This will fail due to %20%

Tushar Over a year ago

@AlexK. I guess that is copy-paste error as the string is clearly encoded string.

EasyBB Over a year ago

Well that's not an actual URI Component then.

James Thorpe Over a year ago

@CodeiSir That's because this is probably an XY Problem, and Tushar's answer deals with the actual underlying issue, not the immediate need.

CoderPi Over a year ago

I expected this as well, that why I gave you an upvote ;)

|

CoderPi · Accepted Answer · 2015-11-24 14:05:47Z

3

You are only replacing the first element. Use this RegEx with g to replace all:

var str = "This%20is%20a%20%string";
console.log(str.replace(/%20/g, " ");

EDIT: as after your edit it appears, you want to unescape an URI use decodeURIComponent() as first suggested by @EasyBB

edited Nov 24, 2015 at 14:05

answered Nov 24, 2015 at 13:55

CoderPi

13.2k4 gold badges38 silver badges64 bronze badges

1 Comment

EasyBB Over a year ago

as for this answer g is a global modifier of the RegExp expressions. Just like there is m == multiline, i == case insensitive...

Collectives™ on Stack Overflow

Replace decode the url in JavaScript or JQuery

2 Answers 2

11 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related