How to add multiple same-name query parameters in Angular $http

Question

All

What I want to do is Adding multiple parameters with same name to request URL with AngularJS $http, making the URL sent like http://localhost:8080/?value=1&value=2.....

This post also described the similar situation: Sending HTTP request with multiple parameters having same name

Could any one help with in AngularJS $http?

Thanks

have you tried passing an array? – Dayan Moreno Leon Jan 23 '15 at 17:45 — Dayan Moreno Leon, Jan 23 '15 at 17:45

nweg · Accepted Answer · 2015-01-23T18:03:35.363

26

You need to use an array like this:

 var params = {};
 params.someParmName = ['value1', 'value2'];

This will send value1 and value2 with the same querystring key 'someParmName'.

Here is an example GET request:

 var parameters = {};
 parameters.someParmName = ['value1', 'value2'];

 $http({
    url: 'api_url', 
    method: "GET",
    params: parameters
});

edited Jan 23 '15 at 18:03

answered Jan 23 '15 at 17:57

nweg

2,825
3
22
30

I had a code error I just fixed, fyi. If you are copying look my answer over. – nweg Jan 23 '15 at 18:05
FYI: $http returns a promise. – nweg Jan 23 '15 at 18:06
As per your answer it will be someParmName=value1&someParmName=value2 but can it be changed to make query like someParmName=value1,value2 ? – Sachin G. Nov 22 '16 at 13:27

score 4 · Answer 2 · answered May 25 '17 at 16:37

You call also use URLSearchParams for the parameters. For example:

let params = new URLSearchParams();

params.append('someParmName', 'value1');
params.append('someParmName', 'value2');

// the following statement will form this url: ?someParmName=value1&someParmName=value2
http.get(api_url, {search: params});

Or

let params = new URLSearchParams();

params.set('someParmName', ['value1', 'value2'];);

// the following statement will form this url: ?someParmName=value1,value2
http.get(api_url, {search: params});

How to add multiple same-name query parameters in Angular $http

2 Answers2

Linked