Get URL Variables


 / Published in: JavaScript
 

Read a page's GET URL variables and return them as an associative array.

Example for URL http://www.example.com/index.html?hello=bonjour&goodevening=bonsoir

var hash = getUrlVars(); alert(hash['hello']); // prints 'bonjour' alert(hash['goodevening']); // prints 'bonsoir'

  1. // Read a page's GET URL variables and return them as an associative array.
  2. function getUrlVars()
  3. {
  4. var vars = [], hash;
  5. var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  6.  
  7. for(var i = 0; i < hashes.length; i++)
  8. {
  9. hash = hashes[i].split('=');
  10. vars.push(hash[0]);
  11. vars[hash[0]] = hash[1];
  12. }
  13.  
  14. return vars;
  15. }

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: Uzbekjon on September 16, 2009

Great script. I also adopted it for jQuery as an extension.

So check out Getting URL parameters by name in jQuery code snippet.

Posted By: the_coder on September 16, 2009

Take a look here for a shorter solution: http://snipplr.com/view/19838/get-url-parameters/

Posted By: aoit on February 15, 2010

Assuming that I use:

Posted By: aoit on February 15, 2010

Assuming that I use:

Posted By: aoit on February 15, 2010

Assuming that I use:

Posted By: aoit on February 15, 2010

Sorry for the multiple posts! I just hit refresh.

My question is: How do I get the script to output to a document.write or other way to put the data to an HTML form field.

Thank you.

Posted By: manocreative on December 15, 2010

Works like a charm. Thanks for this code.

You need to login to post a comment.