Angular 9 – Http request with body and headers

Hello to all, welcome to therichpost.com. In this post, I will tell you, Angular 9 – Http request with body and headers.

Post Working:

In this post, I am showing you the code for Angular 9 HTTP post request, with that post request, I am sending body parameters and headers.

Here is the code snippet and please follow carefully:

1. Here is the my app.component.ts file code, in which I am sending body parameters and headers:

...
import { HttpClient, HttpHeaders } from '@angular/common/http';
...

export class AppComponent {
...
constructor(private http: HttpClient)
{
  // OBJECT WHICH WILL PASS BODY PARAMETERS
  var myFormData = new FormData();

  //Headers
  const headers = new HttpHeaders();
  headers.append('Content-Type', 'multipart/form-data');
  headers.append('Accept', 'application/json');

  //Body Paramenters
  myFormData.append('image', this.filedata);

  //HTTP POST REQUEST
  this.http.post('http://localhost/blog/public/api/sample-restful-apis', myFormData, {
  headers: headers
  }).subscribe(data => {
     //api response
      });


}

...


}

This is it and if you have any kind of query then please do comment below.

Jassa

Thank you