Question

我是Angular2的新手，并建立了一个示例项目来学习它。我正在寻找如何在Angular2中进行HTTP调用并找到此代码片段示例：

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

我不确定订阅的作用，但我的主要目标是打印回复。从这段代码我可以看到响应，但我不确定如何＆＃34;隔离和访问它＆＃34; （我希望这是有道理的）。我的问题是如何将响应打印到控制台？

Answer 1

我的问题是如何将响应打印到控制台？

您只需打印res：

即可

.subscribe((res:Person) => { this.postResponse = res; console.log(res); });

Click here for demo plunk.

我不确定订阅的作用（...）

Http.post(...) (link)的结果是Observable<Response> (link)。

在您的代码中，您选择POST的结果（Observable<Response>）并在其上调用.map() (link)。在您的情况下，您这样做是为了将响应解析为JSON并将其转换为对象：

.map((res: Response) => res.json())

现在，.map()的结果也是Observable<Response>。那时你打电话给subscribe。

subscribe() (link)是Observable (link)类的一种方法，它允许您通过“注册”或“订阅”三个函数来处理/读取结果（或“事件”）这个observable发出 - 它们被称为（ on ）next，（ on ）error和（ on ）{ {1}}。

因此，使用complete的代码通常是：

.subscribe()

因此，为了完全理解Angular2的Http，我建议您阅读 RxJS and Observables 上的一些资源。当你从它回来时，事情将变得更加简单，我保证（没有双关语意图:)。

如何在Angular2中进行HTTP POST调用并打印响应

1 个答案: