Loop through URL GET variables with javascript

Question

I know you can obtain an URL variable by calling getUrlVars()["id"], however is there a way to get all (an unknown number of) variables in the URL? For a few reasons I am only allowed to do this on client side.

See the second answer (high-voted) stackoverflow.com/questions/647259/javascript-query-string — Michael Berkowski
– Michael Berkowski, Commented Jan 13, 2012 at 4:05

Dave Lasley · Accepted Answer · 2014-04-02 22:10:42Z

6

try this:

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[hash[0]] = hash[1];
        }
        return vars;
}

var url_vars = getUrlVars();
for(var i in url_vars)
{
        alert(i + " == " + url_vars[i]);
}

edited Apr 2, 2014 at 22:10

Dave Lasley

6,3672 gold badges37 silver badges38 bronze badges

answered Jan 13, 2012 at 4:11

redmoon7777

4,5361 gold badge26 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pupper Over a year ago

Wow why didn't I just do getUrlVars()...now I feel like an idiot :(

Weilory · Accepted Answer · 2022-06-06 14:43:26Z

1

mdn

let url = new URL(a.href);
for (const [key, value] of url.searchParams) {

}

answered Jun 6, 2022 at 14:43

Weilory

3,17525 silver badges40 bronze badges

Collectives™ on Stack Overflow

Loop through URL GET variables with javascript

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related