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](http://stackoverflow.com/questions/19491336/get-url-parameter-jquery-or-how-to-get-query-string-values-in-js) — KevBot, Jul 03 '16 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, Jul 03 '16 at 20:31

score 1 · Accepted Answer · answered Jul 03 '16 at 20:56

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 03 '16 at 20:56

Mohammad

21,175
15
55
84

Thanks! What if there are more names/values? (e.g. name3, value3, name4, ...) – Lorenz Wöhr Jul 03 '16 at 21:09
Everything above works, but how can I remove the "SKU": in line 4? My string already includes "SKU" – Lorenz Wöhr Jul 04 '16 at 07:57
You can don't insert it value to object like [**this**](https://jsfiddle.net/ad2zb6gc/1/) – Mohammad Jul 04 '16 at 11:18

How to parse url parameters using javascript

1 Answers1