使用HTTP observable

Question

这是关于处理角度2的服务器响应 据我了解，
1.服务器响应代码200,201等将成功响应
2.服务器响应400,401,500等会产生错误响应 3.如果响应成功，那么它将转到map功能，从那里我们可以返回数据或修改它。 4.如果响应是错误的，那么它将转到catch函数，从那里我们将返回observable或抛出可观察的。

我的问题是服务器是否返回错误响应代码以及错误数据，然后是如何捕获该数据。

即假设我从服务器发送以下数据
成功回应
状态：200
msg：“成功登录”

错误回复
状态：400
msg：“用户ID和密码错误”

这里我能够获取或处理成功数据而不是错误数据，因为在catch函数中，只有错误对象被传递，而错误对象只包含来自服务器的响应代码，而不是响应数据

return this.http.get('/login')
                        .map( (res: Response) => res.json().data )
                        .catch( (error: any) => {
                            return Observable.throw( new Error("error occured"+error.status));

                        })

Answer 1

<强>更新

不要在地图和捕捉功能中放回。
以下是更新的代码

return this.http.get('/login')
                .map( ( successRes: Response) => {
                       res.json().data 
                    )}
                .catch( ( errorRes: Response ) => {
                     Observable.throw( errorRes.json().data );
                 })

的原件：

实际上解决方案很简单，响应数据本身附加到第一个参数，就像成功响应一样正常响应。

只需要将json（）调用添加到响应错误对象，将json转换为js对象，就像这样。

return this.http.get('/login')
                .map( ( successRes: Response) => {
                      return res.json().data 
                    )}
                .catch( ( errorRes: Response ) => {
                    return Observable.throw( errorRes.json().data );
                 })

Answer 2

你不必.catch()它！

如果您的服务器发送了正确的消息，只需订阅Observable！

yourLoginService.LogInFunction().subscribe(
   successData => console.log(successData),
   errData => console.log(errData)
);