How to parse url parameters using javascript

Question

I got these URL parameters:

/?sku=123456 & name1=NAME1 & value1=VALUE1 & name2=NAME2 & value2=VALUE2

I would like to print them out in HTML using javascript/jQuery in this format:

SKU: 123456    
NAME1 : VALUE1
NAME2 : VALUE2
(NAME3 : ...)

How does a loop for a variable amount of names/values work?

Possible duplicate of Get url parameter jquery Or How to Get Query String Values In js — KevBot
– KevBot, Commented Jul 3, 2016 at 20:28
Forgot so say that the number of names/values is variable. So name3/value3 etc. ... I don´t know how the loop could work — Lorenz Wöhr
– Lorenz Wöhr, Commented Jul 3, 2016 at 20:31

Mohammad · Accepted Answer · 2016-07-03 20:56:13Z

1

You need to use split() to parsing string with & delimiter. First index of result is /?sku=123456. I inserted it into object and remove it from array. Then used for to iterating array element and getting value of every element.

var url = "/?sku=123456 & name1=NAME1 & value1=VALUE1 & name2=NAME2 & value2=VALUE2 ";
var params = url.split("&");
var data = {
    "SKU": params[0].split("=")[1]
};
params.splice(0, 1);

for (var i = 0; i < params.length; i+=2){
    if (i % 2 == 0)
        data[params[i].split("=")[1]] = params[i+1].split("=")[1];
}
console.log(data);

answered Jul 3, 2016 at 20:56

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

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

3 Comments

Lorenz Wöhr Over a year ago

Thanks! What if there are more names/values? (e.g. name3, value3, name4, ...)

Lorenz Wöhr Over a year ago

Everything above works, but how can I remove the "SKU": in line 4? My string already includes "SKU"

Mohammad Over a year ago

You can don't insert it value to object like this

Collectives™ on Stack Overflow

How to parse url parameters using javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related