Angular 2 Http – How to Get JSON Data from API with finance_charts_json_callback() callback
10,688
You need to use JSONP in this case with callback name JSONP_CALLBACK:
loadData() {
this.jsonp.get(this.url)
.map(res => res.json())
.subscribe(data => console.log(data));
}
Where url
should be http://chartapi.finance.yahoo.com/instrument/1.0/NFLX/chartdata;type=quote;range=1d/json/?callback=JSONP_CALLBACK
, note callback=JSONP_CALLBACK
part.
And of course, remember to bootstrap the app with bootstrap(App, [JSONP_PROVIDERS])
and import Jsonp
service from angular2/http
module.
![Hunter](https://i.stack.imgur.com/9DYl4.png?s=256&g=1)
Author by
Hunter
Updated on August 21, 2022Comments
-
Hunter almost 2 years
I'm trying to get json data from this api: http://chartapi.finance.yahoo.com/instrument/1.0/NFLX/chartdata;type=quote;range=1d/json And I don't know how to get into the returned finance_charts_json_callback().
I'm using Angular 2's http.get():
loadData() { return this.http .get(this.url) .map((res) => res.json()) .subscribe((data) => console.log(data)); }
When it gets to
=> res.json()
, it throws this error:EXCEPTION: SyntaxError: Unexpected token i