How to send array to a get request in Angular 8 app?

Question

I'm trying to send list of ids to the server in a get request, I'm doing the following:

public loadTripsByIds(tripsIds:number[]): Observable<any> {              
    let params = new HttpParams();
    params = params.append('tripsIds', tripsIds.join(', '));    
    return this.http.get<TripObj[]>(`${this.baseUrl}/Trips/ByIds/Get`, {params: params});                        
  }

In the server api code ( rest) I have defined list:

@GET
@Path("Trips/ById/Get") 
@Produces("application/json")
public List<Trips> loadTripsById(@QueryParam("tripsIds") final List<String> tripsIds) {

What I actually getting in the server is a list with 1 item (String type) with comma separated. for example "10001, 10002". I can parse the string in the server side easily but looking for the right way to send list to server where each element will be id.

Thanks.

This is purely a back-end question. Please update your question to explain what the back-end is, what Java framework you are using and update the tags for that. You'll get better help than just tagging as Angular. Thanks, — Reactgular
– Reactgular, Commented Jul 8, 2019 at 7:51
In the backed I have the correct code O think cause i expected list, the problem is the angualr doesn't send the list correctly — user2304483
– user2304483, Commented Jul 8, 2019 at 7:53
So: what the loadTripsByIds input arguments are, what does the outgoing request look like, and what is it supposed to look like? — mbojko
– mbojko, Commented Jul 8, 2019 at 7:55
fundsIds.join(', ') create a string which I probably need to change but not sure what to — user2304483
– user2304483, Commented Jul 8, 2019 at 7:56
Should work as expected if you just append the array as-is. Parameter serialization should take care of it: params.append('tripsIds', tripsIds) — Robby Cornelissen
– Robby Cornelissen, Commented Jul 8, 2019 at 7:57

user2304483 · Accepted Answer · 2019-07-08 08:19:16Z

5

In order to solve the problem I;m sending now array of param as follow:

let params = new HttpParams();
    for (let id of tripsIds) {
      params = params.append('tripIds', id); 
    }

answered Jul 8, 2019 at 8:19

user2304483

1,6547 gold badges33 silver badges57 bronze badges

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

Comments

Reactgular · Accepted Answer · 2019-07-08 08:13:18Z

1

I am not a Java/Sprint developer, but some back-end frameworks handle duplicate query parameters as a collection. So you need a URL that looks like this.

http://example.com/?id=1&id=2

So try this, but I do not know if this helps.

const params = tripIds.reduce((acc, next) => acc.append('tripsIds', next), new HttpParams());

answered Jul 8, 2019 at 8:13

Reactgular

55.1k24 gold badges175 silver badges219 bronze badges

Collectives™ on Stack Overflow

How to send array to a get request in Angular 8 app?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related