Adnan’s Blog

Javascript – Query String Parameters

Posted on: March 4, 2009

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 paramter 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”]);

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: