How to check status in response from HTTP call

Question

I am trying to navigate to next page if status code is 200 or response is true. But getting undefined in response.status. If I just log only response I get

{success: true, message: "login successful"}

This below code is getting undefined in console log. I am beginner to Angular and not using any service.

goToHome() {
    console.log(this.login);
    this.Http.post('http://localhost:3000/users/login', this.login).subscribe((response: Response) => {
      console.log(response.status);
      // if (resp.status === 200) {
      //   this.navCtrl.push(TabsPage);
      // } else {
      //   const toast = this.toastController.create({
      //     message: 'User not found please try again',
      //     duration: 2000
      //   });
      //   toast.present();
      // }
    })
  }

Patryk Uszyński · Accepted Answer · 2019-01-25 09:06:55Z

4

You should add options to your request, and set observe: 'response' to read full response.

this.Http.post('http://localhost:3000/users/login', this.login, { observe: 'response' })
    .subscribe((response) => {
        console.log(response.status);
    })

More info in documentation: Reading the full response

edited Jan 25, 2019 at 9:06

answered Jan 25, 2019 at 8:58

Patryk Uszyński

1,1211 gold badge13 silver badges23 bronze badges

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

Comments

antonku · Accepted Answer · 2019-01-25 09:16:27Z

4

You should use observe option ({observe: 'response'}) to get a full response that includes the response status code:

goToHome() {
    this.Http.post('http://localhost:3000/users/login', this.login, {observe: 'response'})
        .subscribe((response) => {
            console.log(response.status);
        })
}

edited Jan 25, 2019 at 9:16

answered Jan 25, 2019 at 8:55

antonku

7,7252 gold badges18 silver badges22 bronze badges

2 Comments

R.H Over a year ago

I got error, however thanks for help other answer solved my problem ---- Argument of type '(response: Response) => void' is not assignable to parameter of type '(value: HttpResponse<Object>) => void'. Types of parameters 'response' and 'value' are incompatible. Type 'HttpResponse<Object>' is missing the following properties from type 'Response': redirected, trailer, bodyUsed, arrayBuffer, and 4 more. [2345]

antonku Over a year ago

Sorry, I have removed the faulty type definition (which causes the error) from the answer.

Collectives™ on Stack Overflow

How to check status in response from HTTP call

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related