How to get multiple named querystring values in jQuery/Javascript?

Question

I've got the following parameters

/Search?category=1&attributes=169&attributes=172&attributes=174&search=all

I'm trying to get just the attributes querystring values as an array in javascript, for example.

attributes = ['169','172','174']

Bearing in mind there may be other parameters that are irrelevant such as search or category.

Kiran Shinde · Accepted Answer · 2016-12-11 15:34:14Z

1

Might not the proper answer but just tried

var str = "/Search?category=1&attributes=169&attributes=172&attributes=174&search=all";

var str1 = str.split("&");
var attributesArray = [];

  for(var i=0; i<str1.length; i++) {
     if (str1[i].includes("attributes")) {
       attributesArray.push(str1[i].replace("attributes=", ""));
     }
}

Fiddle https://jsfiddle.net/5Lkk0gnz/

answered Dec 11, 2016 at 15:34

Kiran Shinde

6,0326 gold badges30 silver badges45 bronze badges

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

Comments

Saumya Rastogi · Accepted Answer · 2016-12-11 15:31:50Z

1

You can do it like this:

(function() {
  
    function getJsonFromUrl(url) {
	  var query = url.substr(1);
	  var arr = [];
	  query.split("&").forEach(function(part) {
	    var item = part.split("=");
	    arr.push(decodeURIComponent(item[1]));
	  });
	  return arr;
	}

    var url = "https://example.com?category=1&attributes=169&attributes=172&attributes=174&search=all";  
    var params = getJsonFromUrl(url);	
    console.log(params);
  
})();

Hope this helps!

edited Dec 11, 2016 at 15:31

answered Dec 11, 2016 at 15:23

Saumya Rastogi

13.8k5 gold badges45 silver badges45 bronze badges

1 Comment

dfsq Over a year ago

Seriously? jQuery?

JSelser · Accepted Answer · 2016-12-11 15:24:14Z

0

This should do what you want, assuming you already have your url:

var url = "/Search?ategory=1&attributes=169&attributes=172&attributes=174&search=all";

var attrs = url
  .match(/attributes=\d*/g)
  .map(function(attr){
    return Number(attr.replace("attributes=", ""));
  });

console.log(attrs); //=> [169, 172, 174]

answered Dec 11, 2016 at 15:24

JSelser

3,6501 gold badge22 silver badges42 bronze badges

2 Comments

Andrew Marshall Over a year ago

It’s probably not a good idea to assume the value of the attributes key will be all digits. Better to match any char up to (&|$), non-greedy. Then, since it’ll be uri encoded, decode it.

JSelser Over a year ago

True that, also this minimal code should be enhanced and adapted to OP particular problem, say, by making a function or something

Collectives™ on Stack Overflow

How to get multiple named querystring values in jQuery/Javascript?

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related