Angular 6: How to get response status code

Question

How do I get the service code? I try the code below, but it does not log anything.

In a service.ts file.

constructor(private http: HttpClient) { }

postForgotPass(email): Observable<Response> {

return this.http.post<Response>(envi.apiUrl +'/user/forgotpassword', {
  "email": email,
  "headers": headers,
  observe: 'response'

})
}

In my component.ts file

sendForgotPass() {
 return this.service.postForgotPass(this.emailFormControl.value)
    .subscribe(
      res => {
        console.log(res.status);
      })
    }

Have you tried Observable<HttpResponse>?

Anurag Srivastava
– Anurag Srivastava

2019-03-19 17:53:07 +00:00
Commented Mar 19, 2019 at 17:53 — Anurag Srivastava
– Anurag Srivastava, Commented Mar 19, 2019 at 17:53
stackoverflow.com/questions/46639154/…

Pranav C Balan
– Pranav C Balan

2019-03-19 17:53:37 +00:00
Commented Mar 19, 2019 at 17:53 — Pranav C Balan
– Pranav C Balan, Commented Mar 19, 2019 at 17:53

Ivanes · Accepted Answer · 2019-03-19 17:56:22Z

6

From Angular docs:

getConfigResponse(): Observable<HttpResponse<Config>> {
  return this.http.get<Config>(
    this.configUrl, { observe: 'response' });
}

Usage

this.configService.getConfigResponse()
    // resp is of type `HttpResponse<Config>`
    .subscribe(resp => {
      // display its headers
      const keys = resp.headers.keys();
      this.headers = keys.map(key =>
        `${key}: ${resp.headers.get(key)}`);

      // access the body directly, which is typed as `Config`.
      this.config = { ... resp.body };
    });

answered Mar 19, 2019 at 17:56

Ivanes

5412 silver badges14 bronze badges

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

Comments

Esben Skov Pedersen · Accepted Answer · 2019-03-19 17:56:55Z

2

It is because non 2xx status codes are mapped to an error. You need to hook provide a handler for second parameter of subscribe(errors)

sendForgotPass() {
    return this.service.postForgotPass(this.emailFormControl.value)
        .subscribe(res => console.log(res.status), err => console.log('error', err.status))
    }

answered Mar 19, 2019 at 17:56

Esben Skov Pedersen

4,5072 gold badges36 silver badges49 bronze badges

2 Comments

Mike4 Over a year ago

This work, but even 2xx codes are logging as "error:200". Why is that?

Esben Skov Pedersen Over a year ago

Something else must be wrong. Try logging what is in err variable. Maybe some deserialisation or content type is wrong. Check network tab of browser that you get what you expect.

Mohamad Mousheimish · Accepted Answer · 2020-12-30 10:50:27Z

0

if(response === undefined || response === ''  || response === null)
{  
    this.isStatusCode[i] = false;
}

edited Dec 30, 2020 at 10:50

Mohamad Mousheimish

1,7234 gold badges19 silver badges55 bronze badges

answered Dec 30, 2020 at 9:57

Darshan Malani

4763 silver badges12 bronze badges

Comments

Arvind · Accepted Answer · 2023-08-02 12:45:16Z

0

`import { HttpClient } from "@angular/common/http";

constructor( private httpClient: HttpClient){}

this.httpClient.get<any>(this.API_URL, {observe: 'response'})
        .subscribe({
          next: (res) => {
console.error(res.status)  // api status in header
console.error(res.body) // response from api
}
})`

{observe: 'response'} in get method gives full response object

answered Aug 2, 2023 at 12:45

Arvind

673 bronze badges

Collectives™ on Stack Overflow

Angular 6: How to get response status code

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related