angular2如何从链接中获取数据

时间:2016-05-27 21:44:59

标签: angularjs http angularjs-directive angular

我目前正在学习angular2来创建一个网页。 如何通过链接taomi.softape.io/api/item/item(由邮递员提供)连接到服务器,我想从链接中获取数据。
这是我的代码

    var headers = new Headers();
    headers.append('Content-Type', 'application/json');
    this.http.post('taomi.softape.io/api/item/item', 
                   JSON.stringify({firstName:'Joe',lastName:'Smith'}),
                   {headers:headers})
   .map((res: Response) => res.json())
   .subscribe((res:Person) => this.postResponse = res);

1 个答案:

答案 0 :(得分:0)

如果要获取数据,则应使用this.http.get,而不是发布。这是一个例子:

private _productUrl = 'api/products/products.json';

constructor(private _http: Http) { }

getProducts(): Observable<IProduct[]> {
    return this._http.get(this._productUrl)
        .map((response: Response) => <IProduct[]> response.json())
        .do(data => console.log('All: ' +  JSON.stringify(data)))
        .catch(this.handleError);
}