Get URL Params with JS

Question

Sorry, I am new at this, so bear with me.

In JavaScript, how can I get the contents of the url after the question mark?

So in this url:

http://www.example.com/index.html#anchor?param1=value1&param2=value2

I want an array of values:

{'param1' : 'value1', 'param2' : 'value2'}

Is there a function for doing this in javascript?

you have to write your own. there is nothing built in. I was bored so I wrote this the other day https://gist.github.com/rlemon/c627d5bd6d9a72d1cdd9 (untested, and probably could do for a lot of improvements) — rlemon, Jul 24 '14 at 20:06

Vivin Paliath · Accepted Answer · 2016-06-20T17:50:25.087

2

You can do something like this:

var parameters = window.location.search
    .substring(1)
    .split(/&/)
    .reduce(function(parameters, element) {
        var keyValuePair = element.split(/=/);
        parameters[keyValuePair[0]] = keyValuePair[1];

        return parameters;
    }, {});

Now parameters will contain a map of your parameter values keyed by parameter name.

edited Jun 20 '16 at 17:50

answered Jul 24 '14 at 20:09

Vivin Paliath

94,126
40
223
295

2

Thank you, this worked perfectly. I will accept your answer in a few minutes - SE says I can't do it for another 8 minutes. – Jul 24 '14 at 20:12
@user3799837 No worries. – Vivin Paliath Jul 24 '14 at 20:13

Get URL Params with JS

1 Answers1