2016-10-05 189 views
0

我想知道什麼是執行JSONP get調用的適當方法。在這種情況下,我的JSONP網址在myRun下列出,您可以see in this linkAngular 2 Http with jsonp

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

@Injectable() 
export class AppService { 
constructor(private http: Http){} 
    fetchData(){ 
    return this.http.get('http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp?symbol=AAPL&callback=myRun').map(
     (res) => res.json() 
     ).subscribe(
     (data) => console.log(data) 
    ); 
    } 
} 

我見過examples that useJSONP_PROVIDERS,但我相信他們是由現在已廢棄。因此,我想知道什麼是最新的方法是用於製作JSONP獲取請求。

+1

檢查這個帖子http://stackoverflow.com/questions/36289495/how-to-make-a-simple-jsonp-asynchronous-request-in-angular-2 –

回答

1

這與您鏈接的示例仍然是一樣的。但不是使用JSONP_PROVIDERS,而是像導入HttpModule那樣導入JsonpModule。然後只需注入Jsonp,如your linked example。它的用法沒有改變。

前面提到的類
export class AppComponent { 
    constructor(jsonp:Jsonp) { 
    var url = 'https://accounts.google.com/logout&c=JSONP_CALLBACK'; 
    jsonp.request(url, { method: 'Get' }) 
    .subscribe((res) => { 
     (...) 
    }); 
    } 
} 

所有可以從@angular/http也進口。