using angular 5 http.post() to fetch data through rest end point

Question

I have the below code for which i use to consume data through a REST API using http.post() method in angular 5.

return this._http.post(this.basePath,null, {
      headers: this.myHeaders,
      params: {
        transaction_id : "22"
      } ,
      observe: 'response',
      responseType: 'json'
    })
      .catch(this._errorHandler);

i can successfully fetch the data using the http.get() , but i get a 500 (Internal Server Error) when using post.

What might i be missing?

Chris White · Accepted Answer · 2018-05-11 05:37:29Z

1

What does the backend service expect when you make an HTTP POST? Currently you're sending an empty body, which is most probably the cause of the HTTP 500 (Internal Server Error).

Just because you can make an HTTP GET request, doesn't always mean you can make an HTTP POST request to the same URL. POSTs often expect a body of some description. If a POST isn't supported you would expect the backend serice to return an HTTP 406 (Method Not Supported), but that depends on how well the backend service is written.

answered May 11, 2018 at 5:37

Chris White

30.1k4 gold badges75 silver badges96 bronze badges

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

2 Comments

Seloka Over a year ago

it only expects the "transaction_id" parameter for which i have passed

Chris White Over a year ago

You're passing that as a query param, does it need to be in the body? what encoding / mime type is the server expecting - form or json?

Seloka · Accepted Answer · 2018-05-14 06:47:49Z

0

I just had to pass the parameters as part of the body options on the post method as per below.

let bodyParams = {transaction_id : "22"};

return this._http.post(this.basePath,bodyParams , {
          headers: this.myHeaders,,
          observe: 'response',
          responseType: 'json'
        })
          .catch(this._errorHandler);

answered May 14, 2018 at 6:47

Seloka

4051 gold badge7 silver badges20 bronze badges

Collectives™ on Stack Overflow

using angular 5 http.post() to fetch data through rest end point

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related