Angular 2 Http - 如何使用finance_charts_json_callback()回调从API获取JSON数据

时间:2016-02-05 21:12:57

标签: typescript angular angular-http

我试图从这个api获取json数据:http://chartapi.finance.yahoo.com/instrument/1.0/NFLX/chartdata;type=quote;range=1d/json 而且我不知道如何进入返回的finance_charts_json_callback()。

我正在使用Angular 2的http.get():

loadData() {
  return this.http
     .get(this.url)
     .map((res) => res.json())
     .subscribe((data) => console.log(data));
}

当它到达=> res.json()时,会抛出此错误:

  

EXCEPTION:SyntaxError:意外的令牌i

1 个答案:

答案 0 :(得分:5)

在这种情况下,您需要使用JSONP并使用回调名称JSONP_CALLBACK:

$manufacturerName = htmlspecialchars($_GET['manufacturerDropdown']);

loadData() { this.jsonp.get(this.url) .map(res => res.json()) .subscribe(data => console.log(data)); } 应为url,请注意http://chartapi.finance.yahoo.com/instrument/1.0/NFLX/chartdata;type=quote;range=1d/json/?callback=JSONP_CALLBACK部分。

当然,请记住使用callback=JSONP_CALLBACK引导应用并从bootstrap(App, [JSONP_PROVIDERS])模块导入Jsonp服务。