Explore our sites

Stack Exchange
tour help careers 2.0
Take the tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 26 down vote favorite
22

Possible Duplicate:
How can I get query string values?

I have the following URL:

http://www.mysite.co.uk/?location=mylocation1

What I need is to get the value of location from the URL and then add it into my jquery below:

var thequerystring = "getthequerystringhere"

$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);

Does anyone know how to grab that value using javascript or jquery??

thanks

share|improve this question
add comment

marked as duplicate by Wesley Murch, Bill the Lizard♦ Dec 5 '12 at 20:59

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

6 Answers

up vote 68 down vote accepted

From: http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html

This is what you need :)

The following code will return a JavaScript Object containing the URL parameters:

// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    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;
}

For example, if you have the URL:

http://www.example.com/?me=myValue&name2=SomeOtherValue

This code will return:

{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}

and you can do:

var me = getUrlVars()["me"];
var name2 = getUrlVars()["name2"];
share|improve this answer
17  
Please, add some text to your answer. Links are not valid answer. –  gdoron May 31 '12 at 23:37
3  
Note that solution doesn't unencode the parameter values ... and doesn't seem to explicitly handle # values in the url either? I'd suggest stackoverflow.com/questions/901115/… instead, like @Steve did –  Rory Jun 25 '12 at 8:16
 
bad answer. doesn't handle fragments. –  Morg. Nov 4 at 10:33
 
@Rory, yes: This: "stackoverflow.com?foo=bar#topic1"; will give you {"foo" : "bar#topic"}. This is why poor guy asked for a well-known library's solution, presumably, hoping to find a solution that had had some testing done on it and covered all the bases (I'm saying that's what he was HOPING to find, not that jQuery would necessarily provide it). –  kghastie Nov 5 at 22:19
add comment
up vote 26 down vote 
location.search

that is all you need

https://developer.mozilla.org/en-US/docs/DOM/window.location

share|improve this answer
 
This is by far the easiest way to do it... –  kaleazy Apr 23 at 3:46
 
much more reasonable approach –  zillaofthegods May 28 at 17:18
 
Is this portable? –  Cheezmeister Sep 19 at 19:12
add comment
up vote 6 down vote

An easy way to do this with some jQuery and straight JS, just view your console in Chrome or Firefox to see the output...

  var queries = {};
  $.each(document.location.search.substr(1).split('&'),function(c,q){
    var i = q.split('=');
    queries[i[0].toString()] = i[1].toString();
  });
  console.log(queries);
share|improve this answer
 
You may want to remove + and decodeURIComponent on the way... And use window.location.search instead –  mplungjan Sep 29 at 5:02
add comment
up vote 1 down vote

Have a look at this stackoverflow answer. You can use the method to animate:

ie:

var thequerystring = getParameterByName("location");
$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);
share|improve this answer
add comment
up vote 1 down vote

We do this way...

String.prototype.getValueByKey = function (k) {
    var p = new RegExp('\\b' + k + '\\b', 'gi');
    return this.search(p) != -1 ? decodeURIComponent(this.substr(this.search(p) + k.length + 1).substr(0, this.substr(this.search(p) + k.length + 1).search(/(&|;|$)/))) : "";
};
share|improve this answer
add comment
up vote -2 down vote

You can use the JavaScript location object to get the query string of the page you're on with location.query.

http://www.w3schools.com/jsref/prop_loc_search.asp

share|improve this answer
4  
I think you mean location.search, not location.query. (Also, please don't link to w3schools -- they have a ton of bad information.) –  phyzome Jun 4 '12 at 18:51
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.