Why is it that angular/typescript http GET method does not accept JSON object as parameter

Question

CODE SAMPLE 1

passJSONObj(){
  let name = 'user names',
  let email = '[email protected]'

  return this._http.get('url?name=usernames&[email protected]');

}

CODE SAMPLE 2

passJSONObj(){
let param = {
    name: 'usernames',
    email: '[email protected]'
}
return this._http.get('url', param);

}

Code sample 1 works fine but code sample 2 does not. I want to know the reason. I've made research but I haven't understand why such a simple code won't work

get simply does not have a parameter for json data, if you need to send additional data with your request, you can for example use post — user13258211
– user13258211, Commented Sep 30, 2020 at 13:51
@Mike thanks for your response. I know that get method does not have a parameter for JSON data. I want to know the reason behind it. — Timothy
– Timothy, Commented Sep 30, 2020 at 13:54
I think it's up to your Backend headers for Access-Control-Allow to accept and parse the data properly — Aleksey Solovey
– Aleksey Solovey, Commented Sep 30, 2020 at 14:25

xrobert35 · Accepted Answer · 2020-09-30 13:58:16Z

2

The second parameter is not only for "query params". So you can try something like this

return this._http.get('url', { params : param});

See the type documentation :

 /**
     * Construct a GET request which interprets the body as text and returns the full response.
     *
     * @return an `Observable` of the `HttpResponse` for the request, with a body type of `string`.
     */
    get(url: string, options: {
        headers?: HttpHeaders | {
            [header: string]: string | string[];
        };
        observe: 'response';
        params?: HttpParams | {
            [param: string]: string | string[];
        };
        reportProgress?: boolean;
        responseType: 'text';
        withCredentials?: boolean;
    }): Observable<HttpResponse<string>>;

answered Sep 30, 2020 at 13:58

xrobert35

2,5761 gold badge19 silver badges16 bronze badges

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

6 Comments

Timothy Over a year ago

I've tried that before, the parameters are not seen at the backend.

xrobert35 Over a year ago

if you open your navigator "dev console" can you see those parameters in the network tab ?

Timothy Over a year ago

Yes I can see the parameters and their data in the network tab

xrobert35 Over a year ago

does it look like : '...........url?name=usernames&[email protected]' ?

xrobert35 Over a year ago

ok so you problem seem not to be on the angular side. What kind of backend do you have and how do you try to get those parameters ?

|

Collectives™ on Stack Overflow

Why is it that angular/typescript http GET method does not accept JSON object as parameter

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related