Angular 7:如何使用JSONP获取对象列表

时间:2018-12-14 11:24:31

标签: angular jsonp

我对jsonp有问题。我想编写一个返回这样的json数据的函数;

[{value:"data",id:"1"},{value:"data",id:"1"}]

我必须使用jsonp,因为否则我会收到CORS错误(因为我试图从另一台服务器获取数据)。

data.service.ts;

constructor(private http: HttpClient,private jsonp:Jsonp) { }
dataUrl:string;

getJsonp(){
   this.dataUrl = ***LINK***;
   this.jsonp.get(this.dataUrl).pipe(
      map(res=> console.log(res))
   );
}

我尝试打印“ res”以查看服务器返回的内容,但不打印任何内容。 你能帮他吗?

1 个答案:

答案 0 :(得分:0)

可能来晚了,但有些用户可能需要提示。

尝试将“ res”分配给新参数,然后返回该参数。

    response: any[] = [];

getJsonp(){
   this.dataUrl = ***LINK***; //don't forget uses "callback=JSONP_CALLBACK"
   this.jsonp.get(this.dataUrl).pipe(
      map((res: any) => {
        this.response = res.results;
        console.log(this.response);
        return this.response;
      })
   );
}