Javascript 在GET http请求中注册错误函数

我不知道如何处理

GET

API调用的错误情况请更新我的代码片段以处理API调用失败的情况。

代码片段

从'@angular/core'导入{Injectable}；
从'@angular/Http'导入{Http，Response}；
@可注射（）
出口类邮政服务{
构造函数（专用http:http）{
}
getPostData（）{
返回此.http.get（“https://jsonplaceholder.typicode.com/postsmap（（res:Response）=>res.json（））；
}
}

---

然后，您可以按照自己的意愿处理错误。

为此，请使用

err callback

conponent.ts

constructor(private postsService:PostsService){}

ngOnInit(){
    this.postsService.getPostData().subscribe(res =>{
        console.log(res)
    },err =>{
        console.log(err)
    });
}

---

步骤1:

导入'rxjs/add/operator/catch'

第二步：

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';

@Injectable()
export class PostsService {

  constructor(private http:Http) { 
  }

  getPostData(){
   return this.http.get("https://jsonplaceholder.typicode.com/posts").map((res:Response) => res.json()).catch(this.handleError);   
  }

 handleError(err){
  //Observable.throw(err);
 }

}

然后当您订阅时：

this._yourService.getPostData().subscribe(res=>{
    console.log(res);
},err=>{
    console.log(err);
});

可能重复的
this._yourService.getPostData().subscribe(res=>{
    console.log(res);
},err=>{
    console.log(err);
});

    1 ) Make a different Service file where you can call rest APIs.

    2) And make a call from your component by injection the services.


    **For Example, Assume  this is Service file assume ->**

     getEvents(response) {

        let accesstoken = localStorage.getItem('access_token');

        let headers = new HttpHeaders();

        headers = headers.append('Authorization', 'Bearer ' + accesstoken);

        let url = this.baseUrl + 'getEventListingToAdmin?page=' + response.page + '&perPage=10';

        var data = this.http.get(url, {headers: headers});

        return data;
      }


    **And This is a Component Part -->**

     first import the service file in component 

    import { AdminService }      from  '../../admin.service';

    **Then Inject it in constructor**

      constructor(private admin: AdminService) { }

    ngOnInit  () {
    this.admin.getEvents(response)
          .subscribe(
            (data:any) => {

//USE CAN USE HERE LOADS
              this.loading = false;

// CAN CHECK THE RESPONSE STATUS
              if(data.statusCode==200){
                this.managersData = data.data.EventData;
                this.allItems     = data.data.EventCount;
              }

            },
            error => {
//USE CAN USE HERE LOADS
              this.loading = false;

// CAN CHECK THE RESPONSE STATUS
              if(error.error.statusCode===401)
{
// CAN ADD SWEET ALERT
 Swal(
                  error.error.msg,
                  'error'
                )
}


            });
    }