Ben Nadel
On User Experience (UX) Design, JavaScript, ColdFusion, Node.js, Life, and Love.
Ben Nadel at cf.Objective() 2009 (Minneapolis, MN) with: Joe Rybacek
Ben Nadel at cf.Objective() 2009 (Minneapolis, MN) with: Joe Rybacek@jrybacek )

JavaScript encodeURIComponent() Escapes "+" Symbol

By Ben Nadel on

I just blogged about how I was going to have to manually escape the "+" symbol when passing values from my AJAX web page to my ColdFusion back end, but I just happened upon a Javascript method that I have never seen before:


According to, this method was introduced in Javascript 1.5. Here is a small description from the site:

Lastly, the encodeURIComponent() method should be used in most cases when encoding a single component of a URI. This method will encode certain chars that would normally be recognized as special chars for URIs so that many components may be included. Note that this method does not encode the ' character, as it is a valid character within URIs.

This seems to do the trick. Sweet-ass find!

Reader Comments

Just used this to pass JSON through the URL. Dumped URL scope on the receiving page and get something looking like this:

  • {"street_number":32,"viewport":"","administrative_area_level_1":"Auckland","country_short":"NZ","route":"Vialou Ln"}

Wondering how to work with this data, i.e. if there's an easy way to parse the separate variables out into useable format without a lot of list functions and suchlike.