URLSearchParams is empty in Node server from get/post in Angular

Question

I'm trying to make a get/post request to an Express+Node server using URLSearchParams from an Angular 4 app and no matter what I do I can´t get the data in the server.

I'm doing something like this

let params: URLSearchParams = new URLSearchParams();
params.set('company', company);
return this.authHttp
      .get(`${api}/${id}`, { search: params, params })

The second parameter for http.get is RequestOptionsArgs, which is

interface RequestOptionsArgs { 
  url?: string|null
  method?: string|RequestMethod|null
  search?: string|URLSearchParams|{[key: string]: any | any[]}|null
  params?: string|URLSearchParams|{[key: string]: any | any[]}|null
  headers?: Headers|null
  body?: any
  withCredentials?: boolean|null
  responseType?: ResponseContentType|null
}

so this should be working fine, but when I try to get req.query.company in the server it turns out that req.query is undefined. In req.params I can find the id that I send in the url, but no company either.

Any idea about what I might be doing wrong?

Thanks

The question is too broad and lacks stackoverflow.com/help/mcve . You should check network tab and provide this information. If params exist in the request then Angular part is irrelevant, and this is purely Node question. Otherwise Node part is irrelevant, and this is purely Angular question. — Estus Flask
– Estus Flask, Commented Aug 16, 2017 at 11:20

Niladri · Accepted Answer · 2017-08-16 10:55:50Z

1

Edit : updated my answer with the simplified version

let params: URLSearchParams = new URLSearchParams();
return this.authHttp
  .get(`${api}/${id}`, { params: { company: company } });

edited Aug 16, 2017 at 10:55

answered Aug 16, 2017 at 9:50

Niladri

5,9922 gold badges27 silver badges45 bronze badges

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

4 Comments

David Over a year ago

I changed set for append but nothing happened; I guess this is used when you want to add more than one element to the params; in my case I'm only using one, so it makes sense

Niladri Over a year ago

Did you change it to {` search: params }`? How are you parsing the search param at Node server?

David Over a year ago

{ search: params, params } or { search: params } should work the same, I'm just passing the URLSearchParams in 2 different fields. In the node server I use req.params and req.query to get the data.

Niladri Over a year ago

Updated my answer .. can you add the code for authHttp.get

Collectives™ on Stack Overflow

URLSearchParams is empty in Node server from get/post in Angular

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related