URL Decode/Encode

JavaScriptSource Staff Jul 20, 2007

General

Use this script to encode/decode URL parameters. It is fully compatible with UTF-8 encoding. Very useful when you want to transfer data using Ajax technology, or for other operations which involve URL parameter manipulation.

Notes

Created by: Justas
Web Site: http://www.webtoolkit.info/
Posted: July 20, 2007

If you plan on using UTF-8 encoding in your project don't forget to set the page encoding to UTF-8 in the Content-Type meta tag.

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: decodeEncode.js

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: Justas | http://www.webtoolkit.info/ */
var Url = {

 	// public method for URL encoding
 	encode : function (string) {
 		 return escape(this._utf8_encode(string));
 	},

 	// public method for URL decoding
	 decode : function (string) {
 	 	return this._utf8_decode(unescape(string));
 	},

 	// private method for UTF-8 encoding
 	_utf8_encode : function (string) {
  		string = string.replace(/\r\n/g,"\n");
 	 	var utftext = "";

  		for (var n = 0; n < string.length; n++) {
   			var c = string.charCodeAt(n);
   			if (c < 128) {
    				utftext += String.fromCharCode(c);
 			} else if((c > 127) && (c < 2048)) {
  				utftext += String.fromCharCode((c >> 6) | 192);
  				utftext += String.fromCharCode((c & 63) | 128);
 			} else {
  				utftext += String.fromCharCode((c >> 12) | 224);
  				utftext += String.fromCharCode(((c >> 6) & 63) | 128);
 	 			utftext += String.fromCharCode((c & 63) | 128);
 			}
 	}

		return utftext;
	},

 	// private method for UTF-8 decoding
 	_utf8_decode : function (utftext) {
 		 var string = "";
 		 var i = 0;
 		 var c = c1 = c2 = 0;

  		while ( i < utftext.length ) {
  			 c = utftext.charCodeAt(i);
   			if (c < 128) {
    				string += String.fromCharCode(c);
    				i++;
  			 } else if((c > 191) && (c < 224)) {
 				   c2 = utftext.charCodeAt(i+1);
    				string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
    				i += 2;
  			 } else {
 				   c2 = utftext.charCodeAt(i+1);
    				c3 = utftext.charCodeAt(i+2);
    				string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
   				 i += 3;
 			  }
		  }
		return string;
	 }
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="decodeEncode.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form>
Enter a string:<br>
<input type="text" name="decoded" onkeyup="this.form.hash.value = Url.encode(this.value)" style="width: 336px;">
<br><br>
URL encoded data:<br>
<input type="text" name="hash" value="" style="width: 336px;">
</form>

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details