How to pass query params in url in a HTTP post request in Angular

Question

This is how i am passing the params to my http post request in Postman. And it 's status is ok 200.

i am trying to do it from angular code like this.

getInfo() {
        const params = [];
        params.push({code: 'checkinFrom', name: '2019-02-01'});
        params.push({code: 'checkinTo', name: '2019-10-01'});
        params.push({code: 'room_type_ids', name: [2]});
        
        console.log(params);
        return this.service.post(environment.url + 'v1/transactions/demand/price-info',  params);
}

This is my post method in Service class.

 post(path, body): Observable<any> {
        return this.http
            .post(
                path,
                body,
                {
                    headers: Service.setHeaders([])
                }
            )
            .pipe(
                catchError(error => {
                    throw error;
                }),
                map((res: Response) => res)
            );
    }

But in Angular front end when i am trying to send the params it gives an error like 422 (Unprocessable Entity). How i want to pass the params?

Brandon Avilan · Accepted Answer · 2020-10-09 03:03:21Z

3

You could try to put them in the post method like the headers, it would be something like this

post(path, body): Observable<any> {
    return this.http
        .post(
            path,
            body,
            {
                headers: Service.setHeaders([]),
                params: {
                  param1: param1Value,
                  param2: param2Value,
                  ...
                },

            }
        )
        .pipe(
            catchError(error => {
                throw error;
            }),
            map((res: Response) => res)
        );
}

If you want use params as an array you must transform your array of objects to object of objects. Visit How do I convert array of Objects into one Object in JavaScript?

I hope I've helped

edited Oct 9, 2020 at 3:03

answered Oct 9, 2020 at 2:53

Brandon Avilan

563 bronze badges

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

2 Comments

Mands Over a year ago

Is it correct the way that i am passing the params = [];

Brandon Avilan Over a year ago

If you want use params as an array you must transform your array of objects to object of objects. Visit stackoverflow.com/questions/19874555/…

Collectives™ on Stack Overflow

How to pass query params in url in a HTTP post request in Angular

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related