Get URL Variables

Last updated on: February 20, 2010

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

Usage

Example URL:

http://www.example.com/index.php?id=1&image=awesome.jpg

Calling getQueryVariable("id") - would return "1".
Calling getQueryVariable("image") - would return "awesome.jpg".

Comments

kidi

# October 27, 2009

Requests = {
QueryString : function(item){
var svalue = location.search.match(new RegExp(“[\?\&]” + item + “=([^\&]*)(\&?)”,”i”));
return svalue ? svalue[1] : svalue;
}
}

//usage
Requests.QueryString(“id”);

Reply ↓

sghakgun

# February 20, 2010

nice ! thanks.

Reply ↓

Jack

# February 20, 2010

Great work, this is a really nice bit of coding! As always, keep it up!

Reply ↓

Rene Merino

# February 20, 2010

Nice, really helpful thanks!!

Reply ↓

Sergei Filippov

# February 21, 2010

Thanks Chris, totally useful script. Soo going to use that today :D

Reply ↓

anup

# September 23, 2011

beauty!!!!!!!

Reply ↓

Uzair

# February 1, 2012

Can i remove the .html extension from my website having a windows based hosting?

I dont know if the server has Isapi_rewrite installed

regards

Reply ↓

rully

# May 7, 2012

i think that line = return (false) would be create a bug if your url get more than one variable. false can be break a loop and return just first var in your url..

i think that line should be remove..

regards,

nb : pardon me if i wrong :)

Reply ↓

Patrick McDougle

Permalink to comment# November 6, 2012

I think you might be mis-reading the brackets. After the for loop has searched all of the vars (name-value pairs) and hasn’t found variable then this function returns false.

Neil

# June 19, 2012

Awesome! Thanks very much!

Reply ↓

elhoussaine

# July 27, 2012

hi my friends sorry if i speak english but i can’t explain in french so
i got this one in one scripte i created it
page.html?nom=28/09/1986&from=hossa&too=hisok
and i want to get the name of variable nom and from and too
i tried many scripts but they don’t work for me
please can you tell me how to do it in javascript
thanks so much

Reply ↓

Patrick McDougle

Permalink to comment# November 6, 2012

I think that is what this post is about.

Just call the function defined above.

getQueryVariable("nom"); – would return “28/09/1986″.
getQueryVariable("from"); – would return “hossa”.
getQueryVariable("too"); – would return “hisok”.

Muhammmad Ikhsan Alfatih

# August 16, 2012

thanks to share :D

Reply ↓

Marcio

# October 31, 2012

I tested the function of various types and only this worked.
Congratulations!

Reply ↓

Thomas Welton

# December 18, 2012

I wanted to use this in CoffeeScript if you want to copy and paste this worked for me
getQueryVariable = (variable) -> query = window.location.search.substring(1)


for el in query.split "&"
            pair = el.split "="
    return pair[1] if pair[0] is variable

return false

tabs is all screwed up

Reply ↓

Robert Galindo

# February 24, 2014

Added another if statement to check for space characters ‘%20′ in the parameters

function getQueryVariable(variable) {
var query = window.location.search.substring(1)
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=")
    if(pair[0] == variable){
        if(pair[1].indexOf('%20')){
            var fullName = pair[1].split('%20')
            return fullName[0] + ' ' + fullName[1]
        }
        else {
            return pair[1];
        }
    }
}
return(false)

}

Reply ↓

Robert Galindo

# February 24, 2014

Oops I forgot ‘ != -1 ‘ Sorry about that. Here is the correct code:

function getQueryVariable(variable) {
var query = window.location.search.substring(1)
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=")
    if(pair[0] == variable){
        if(pair[1].indexOf('%20') != -1){
            console.log(pair[1].indexOf('%20'))
            var fullName = pair[1].split('%20')
            console.log(fullName)
            return fullName[0] + ' ' + fullName[1]
        }
        else {
            return pair[1];
        }
    }
}
return(false)

}

Kat

# February 25, 2014

does anyone have a link to an actual live form where something like this has been implemented that I could look at as an example? Sorry I am not very experienced with javascript and having a lot of trouble figuring out how to set this up. I think I am doing something really basic wrong but I can’t figure out what.

Reply ↓

Robert Galindo

Permalink to comment# February 26, 2014

Hey Kat. I made a Codepen implementing the code above.

http://codepen.io/anon/pen/ympzk?fname=kat

Relfor

# March 2, 2014

Hey Chris,
URL Decoding the parameters would be necessary if I’m not mistaken.
Check this solution here: http://stackoverflow.com/a/901144

Reply ↓

Howie

# March 10, 2014

I am passing a query via the url (http://www.mywebsite.com/appointment-map.aspx?search=33612) and I want to use that query object in the following (urlsearch) and can’t seem to make it work.

Reply ↓

Usage

Comments

Leave a Comment