current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 3 down vote favorite
3

Possible Duplicate:
Use the get paramater of the url in javascript
Get query string values in JavaScript

In Javascript, how can I get the parameters of a URL string (not the current URL)?

like:

www.domain.com/?v=123&p=hello

Can I get "v" and "p" in a JSON object?

share|improve this question

marked as duplicate by Jared Farrish, Quentin, graphicdivine, derobert, Graviton Dec 14 '11 at 6:45

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.
1  
You can check out this post on the matter stackoverflow.com/questions/901115/… –  Erik Nordenhök Dec 13 '11 at 8:19
    
Here's a nice little snippet. –  Purag Dec 13 '11 at 8:24

3 Answers 3

up vote 13 down vote accepted

Today (2.5 years after this answer) you can safely use Array.forEach. As @ricosrealm suggests, decodeURIComponent was used in this function.

function getJsonFromUrl() {
  var query = location.search.substr(1);
  var result = {};
  query.split("&").forEach(function(part) {
    var item = part.split("=");
    result[item[0]] = decodeURIComponent(item[1]);
  });
  return result;
}

Further enhancements were implemented, see the comments:

  • hash based routing (@cmfolio)
  • array parameters (@user2368055)

Maybe this should go to codereview SE, but here you go:

function getJsonFromUrl(hashBased) {
  var query;
  if(hashBased) {
    var pos = location.href.indexOf("?");
    if(pos==-1) return [];
    query = location.href.substr(pos+1);
  } else {
    query = location.search.substr(1);
  }
  var result = {};
  query.split("&").forEach(function(part) {
    if(!part) return;
    var item = part.split("=");
    var key = item[0];
    var from = key.indexOf("[");
    if(from==-1) result[key] = decodeURIComponent(item[1]);
    else {
      var to = key.indexOf("]");
      var index = key.substring(from+1,to);
      key = key.substring(0,from);
      if(!result[key]) result[key] = [];
      if(!index) result[key].push(item[1]);
      else result[key][index] = item[1];
    }
  });
  return result;
}

Note the result[key][index] = item[1]: a new array field is created, it is enumerable, so it can be iterated by forEach call. Therefore, you can parse even URLs like

?foo[]=a&foo[x]=b&foo[]=c
share|improve this answer
4  
Each item should be url decoded using decodeURIComponent() –  ricosrealm Jan 17 '14 at 0:40
    
location.search doesn't work on hash based routing: http://localhost:9000/#/documents?lang=es will return an empty string for location.search. You would have to use location.hash or location.href instead. –  cmfolio Sep 30 '14 at 16:58
    
this wont work for array parameters –  user2368055 Nov 12 '14 at 10:26
    
Good thoughts, cmfolio & user2368055, I added your points to the answer. –  Jan Turoň Nov 12 '14 at 20:40
up vote 2 down vote

You could get a JavaScript object (a map) of the parameters with something like this:

var regex = /[?&]([^=#]+)=([^&#]*)/g,
    url = window.location.href,
    params = {},
    match;
while(match = regex.exec(url)) {
    params[match[1]] = match[2];
}

The regular expression could quite likely be improved. It simply looks for name-value pairs, separated by = characters, and pairs themselves separated by & characters (or an = character for the first one). For your example, the above would result in:

{v: "123", p: "hello"}

Here's a working example.

share|improve this answer
    
why not use window.location.getParameter? –  codeAnand Dec 13 '11 at 8:28
    
Your example does not return an object (it returns 2 strings), and it requires you to know the names of the parameters beforehand, which given what the OP is trying to do, is unlikely to be the case. Also, where is the documentation for getParameter? –  James Allardice Dec 13 '11 at 8:33
up vote -8 down vote 
var v = window.location.getParameter('v');
var p = window.location.getParameter('p');

now v and p are objects which have 123 and hello in them respectively

share|improve this answer
4  
No such method in the spec. –  katspaugh Dec 13 '11 at 8:37

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