How can get the status code of the HttpClient module in angular

Question

How to get the status code of all the request using HttpClient

apiCall() {
    let header1 = new HttpHeaders();
    header1 = header1.append('Content-Type', 'application/json');
    header1 = header1.append('Authorization', `Bearer ${this.token}`);

    this.http.post("URL",
      {
        "dataSentHere": "data"
      }, {
      headers: header1
    }).subscribe(data => {

      console.log(data);

    },
      (err: HttpErrorResponse) => {
        if (err.status === 403) {
         console.log("403 status code caught");
        }
      }

      
    )
  }

How to get the status code of the http request which returns 202 , 200 etc.

Does this answer your question? [Get status code http.get response angular2](https://stackoverflow.com/questions/43683052/get-status-code-http-get-response-angular2) — Tobias S., Nov 09 '21 at 12:57
still how to print the status code which is 200, 201, 205 etc — Santhosh, Nov 10 '21 at 04:48
literally the first answer of the mentioned post shows how to print the status code — Tobias S., Nov 10 '21 at 09:17

Khumo Mogorosi · Answer 1 · 2021-11-10T09:11:23.573

4

Use HttpErrorResponse and HttpResponse from '@angular/common/http'

apiCall() {
  let headers = new HttpHeaders();
  headers = headers.set('Content-Type', 'application/json');
  headers = headers.set('Authorization', `Bearer ${this.token}`);

  this.http.post<HttpResponse<any>>('URL', { data }, { headers }).subscribe(response => {
      console.log(response.status) // log status code
  }, (e: HttpErrorResponse) => console.log(e.status))

}

edited Nov 10 '21 at 09:11

answered Nov 09 '21 at 13:08

Khumo Mogorosi

301
2
7

how i can i add the headers ?? i cant add more than 3 arguments – Santhosh Nov 10 '21 at 04:45
The 3rd argument should be an object that has headers as a property. I expanded the above logic. – Khumo Mogorosi Nov 10 '21 at 09:13
1

The third parameter of http.post() has to be { headers, observe: 'response' }. – Yochyo May 05 '22 at 13:42

score 2 · Answer 2 · answered Feb 14 '23 at 14:19

You need to add observe: 'response' to the options parameter. By doing this you would have the whole response available in your subscription.

  public apiCall(): void {
    let header1: HttpHeaders = new HttpHeaders();
    header1 = header1.append('Content-Type', 'application/json');
    header1 = header1.append('Authorization', `Bearer ${this.token}`);

    this.http.post<HttpResponse<any>>(
      'URL',
      {
        dataSentHere: 'data',
      },
      {
        headers: header1,
        observe: 'response',
      },
    ).subscribe(
      (data: HttpResponse<any>) => {
        if (data.status === 200 || data.status === 202) {
          console.log(`Got a successfull status code: ${data.status}`);
        }
        console.log(`This contains body: ${data.body}`);
      },
      (err: HttpErrorResponse) => {
        if (err.status === 403) {
          console.error('403 status code caught');
        }
      },
    );
  }

Reference: https://angular.io/guide/http#reading-the-full-response

score 0 · Answer 3 · answered Oct 26 '22 at 22:26

If your using HttpClient, here is an example:

this.http.post(myRequest, body, { headers : myHeaders, observe: 'response' }).subscribe(
  data => {
    console.warn(JSON.stringify(data, null, 2));
  },
  error => {
    console.error(error.errorMessege);
});

How can get the status code of the HttpClient module in angular

3 Answers3