How to detect http status code in angular 2

Question

I have a loadSize() func in my angular2 project and it calls a getTotalNumberCampaigns() in my service and return a observable. and I subscribe to this observable to get the result.

this is my loadSize()

   loadSize() {
    this.campaignsService.getTotalNumberCampaigns().subscribe(value => {//async call
        this.campaignSize = value;
    }, (err)=> {}

    );
}

let's say there is an error with my getTotalNumberCampaigns() and it will fire the err=>{} in subscribe. My question is how do i know what the httpreponse status code is so that i can direct the user to take different action (if it is connection failed(502), the user should refresh. if it is access_token expiry(500), the page should be jump to login page)

this is my getTotalNumberCampaigns in service class

 getTotalNumberCampaigns(): Observable<number> {
    return this.http.get(`${this.apiUrl}/Count`, { headers: this.headers })
        .map<number>(res => <number>res.json())
}

My getTotalNumberCampaigns() function returns a observable of NUMBER type. don't know if error happened,does it still return an observable of number? should I change it to Observable<any>? — Bob Zhang
– Bob Zhang, Commented Mar 1, 2016 at 6:00
No you don't need to change the observable type. The observable type will not change. — Abdulrahman Alsoghayer
– Abdulrahman Alsoghayer, Commented Mar 1, 2016 at 6:38
you could change the error callback to : (err:any) => console.log(err.status) — Abdulrahman Alsoghayer
– Abdulrahman Alsoghayer, Commented Mar 1, 2016 at 7:09
This: stackoverflow.com/a/33942337/3582411 helped me might consider takinga look at it — Floris
– Floris, Commented Apr 5, 2016 at 12:07

Bob Zhang · Accepted Answer · 2016-03-01 08:36:00Z

6

The returned error corresponds to the response itself, so you can use its status attribute to get the status code:

loadSize() {
    this.campaignsService.getTotalNumberCampaigns().subscribe(value => {//async call
        this.campaignSize = value;
    }, (err: any) => { console.log(err.status); console.log(err);}

    );
}

edited Mar 1, 2016 at 8:36

Bob Zhang

8913 gold badges10 silver badges18 bronze badges

answered Mar 1, 2016 at 6:31

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

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

3 Comments

Thierry Templier Over a year ago

Strange. Do you use the catch operator previously in your data flow? The response object is provided when an error occurs. But you're free to catch it with this operator and use Objectable.throw to throw another one then. Is it your case?

Bob Zhang Over a year ago

I will start a new question since for this topic the question has already solved

Bob Zhang Over a year ago

stackoverflow.com/questions/35718175/…

Rambou · Accepted Answer · 2016-06-09 14:34:41Z

0

In your loadSize method

loadSize() {
    this.campaignsService.getTotalNumberCampaigns().subscribe(value => {//async call
        this.campaignSize = value;
    }, (err)=> {}

    );
}

you should get the respone code by

value.status

answered Jun 9, 2016 at 14:34

Rambou

1,05811 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to detect http status code in angular 2

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related