Javascript – Query String Parameters

Here’s a small JavaScript helper to read URL Query String Parameters.

function GetUrlParams()
{
	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;
}

The above function, will read the URL, get the query string part i.e from (“?”) and split each parameter by the (“=”) character and create a name value pair allowing us to access the param value using the param name.

For example, if we are have a test.htm in http://www.example.com and the URL is : http://www.example.com/test.htm?fname=Adnan&lname=Rashid

To access the param values we can use something like :

var params = GetUrlParams();
alert(params["fname"]);
alert(params["lname"]);