HTTP Post with no body in Angular

Question

I'm wondering how to send an HTTP post request without a body (specifically in Angular). Here's what I'm doing now, but I'm getting the error Expected 2-3 arguments, but got 1).

I realize the second argument is for the body, but I'm not sending that to the server (yes, I understand that a POST call changes the state of a system and have looked into THIS question).

postRequest(id) {
  this.http.post('/api?data=' + id).map(
    (response) => {
      return response;
    }
  )
}

Message

Just send an empty object – Phial

very good answer @Antikhippe. you have to add a body even if it is empty , undefined etc. – Izmir

No, that's actually not a good answer. Passing an empty object will not post a request without body. It will post a request with a body containing an empty JSON object ({}). Pass null. – Runge

What are you trying to do with this Request though? What are you expecting in the backend from POSTing to this /api?data= route? – Friseur

@Jota.Toledo Please see THIS question as mentioned in my original post. – Message

My bad, oversaw that resource. Thanks for the heads up! – Checkerberry

I had a similar problem and my issue was I didn't subscribe to the observable. The POST was meant as a command so nothing was returned. Still need to subscribe to get it to execute. – Gillies

Use .subscribe(); Found the answer in #65078214 – Vizor

Answer 1

Looks like this is the appropriate answer:

postRequest(id) {
  this.http.post('/api?data=' + id, null).map(
    (response) => {
      return response;
    }
  )
}

Message

Answer 2

If null is not working (4XX error client side), try with {} JSON:

postRequest(id) {
    this.http.post('/api?data=' + id, {}).map((response) => {return response;});
}

Saber

null may not solve. I tried it and it does not solve. And, I think we need to send JSON anyhow. So, empty JSON file it is – Saber

Answer 3

Go to definition of POST method using your IDE and you can see passing either body: any | null are the available inputs

post(url: string, body: any | null, options: {
    headers?: HttpHeaders | {
        [header: string]: string | string[];
    };

Preterition

Answer 4

Try to call HTTP 'Post' without passing a 'body', and got this error in Angular 6 -

If we go to definition of POST method in client.d.ts, it shows that post method required either 'body' or 'null' value (e.g. - body: any | null)-

post(url: string, body: any | null, options?: {
...
}): Observable<Object>;

Solution - I just added 'null' and the error gone -

postSync(): any {
    return this.http.post(`${environment.apiUrl}/xyz/sync-api`, null);
}

Wieren

Answer 5

Cannot comment the accepted answer, so I'll just add that passing null is not sufficient, because the content type will not be inferred correctly and you may receive a 415 (at least that was my case). Use the options on http.post to specify the content type in the header and force json with the null body

this.http.post<T>(url, null, {
 headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json'
 }
});

Sourdough

Answer 6

If request body is not there for post or put method then send empty object to request. ex: {}.

Romona