current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 104 down vote favorite
23

What's the best JavaScript URL decode utility? Encoding would be nice too and working well with jQuery is an added bonus.

share|improve this question
24  
Did you check encodeURIComponent and decodeURIComponent? –  Gumbo Nov 27 '10 at 17:31
    
is that really the same thing? –  at. Nov 27 '10 at 17:35
2  
@at: The same thing as what? –  Gumbo Nov 27 '10 at 17:36
    
@Gumbo: the same thing as URL encoding and URL decoding - blooberry.com/indexdot/html/topics/urlencoding.htm –  at. Nov 27 '10 at 17:46
add comment

7 Answers

up vote 151 down vote accepted

I've used encodeURIComponent() and decodeURIComponent() too.

share|improve this answer
5  
+1! Right answer. –  elusive Nov 27 '10 at 17:34
1  
thanks guys! looks like the right answer, but Gumbo answered this first.. I feel like he deserves the credit –  at. Nov 27 '10 at 18:03
13  
This is an incomplete answer. See the urlDecode() implementation below by @anshuman. –  Steven Francolla Dec 21 '11 at 4:16
1  
Nice but it didn't remove '+' signs. @anshuman's answer worked best for me –  MusikAnimal Jan 14 '13 at 17:17
add comment
up vote 143 down vote

Here is a complete function (taken from PHPJS):

function urldecode(str) {
   return decodeURIComponent((str+'').replace(/\+/g, '%20'));
}
share|improve this answer
17  
+1: this is the true urldecode, handles the case of space being encoded as +, thanks a lot –  SinistraD Oct 30 '11 at 14:13
1  
This is what I needed to use when the data was encoded with PHP's urlencode() function. –  Scott Warren Feb 20 '12 at 16:22
    
Super useful for me and took a nanosecond to implement. Thanks! –  Greg Pettit Jun 27 '12 at 16:16
1  
If I'm not mistaken, this is decoding + as %20, not as space - that's not really what you wanted here, is it? You'd want the space, not another version of an encoded character... no? –  Chris Moschini Mar 1 '13 at 9:09
4  
@ChrisMoschini: No, this is correct because the replace occurs before the decode call. –  lfaraone Mar 27 '13 at 18:45
show 4 more comments
up vote 6 down vote 
decodeURIComponent(mystring);

you can get passed parameters by using this bit of code:

//parse URL to get values: var i = getUrlVars()["i"];
function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}
share|improve this answer
add comment
up vote -1 down vote 
//How decodeURIComponent Works

function proURIDecoder(val)
{
  val=val.replace(/\+/g, '%20');
  var str=val.split("%");
  var cval=str[0];
  for (var i=1;i<str.length;i++)
  {
    cval+=String.fromCharCode(parseInt(str[i].substring(0,2),16))+str[i].substring(2);
  }

  return cval;
}

document.write(proURIDecoder(window.location.href));
share|improve this answer
add comment
up vote 1 down vote

Use this

unescape(str);

I'm not a great JS programmer, tried all, and this worked awesome!

share|improve this answer
1  
Cool answer, but looks like it's obsoleted in favor of decodeURIComponent() due to poor support of non-ASCII characters. –  Brad Koch Jun 6 '13 at 14:35
add comment
up vote 0 down vote

Url Decoder Plugin for jQuery - http://urldecoderonline.com/

share|improve this answer
add comment
up vote 0 down vote

If you are responsible for encoding the data in PHP using urlencode, PHP's rawurlencode works with JavaScript's decodeURIComponent without needing to replace the + character.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.