[英]Parse HTTP response in Angular 7?
服务器以以下格式返回数据: {"query": 'queryName', 'result': []}
。
我只需要得到结果部分,为此我这样做了:
export class RequestInterception implements HttpInterceptor {
public constructor(private route: Router) {
}
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(request).do((event: HttpEvent<any>) => {
if (event instanceof HttpResponse) {
return event.body['result'];
}
}, (err: any) => {
if (err instanceof HttpErrorResponse) {
if (err.status === 401) {
this.route.navigate(['/login']);
}
return throwError('backend comm error');
}
})
};
在do
员里面do
我试过了:
return event.body['result'];
但是它仍然返回我整个对象。
AppModule是:
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: RequestInterception,
multi: true
},
],
如果要在拦截器中转换响应,则可以使用map
运算符进行响应。 您还可以使用catchError
运算符,然后在其中使用throwError
,以防状态码为401
。
像这样:
import { Injectable } from '@angular/core';
import {
HttpInterceptor, HttpRequest, HttpResponse,
HttpHandler, HttpEvent, HttpErrorResponse
} from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { map, catchError } from 'rxjs/operators';
import { Router } from '@angular/router';
@Injectable()
export class InterceptorService implements HttpInterceptor {
constructor(private route: Router) { }
intercept(
req: HttpRequest<any>,
next: HttpHandler
) {
return next.handle(modified)
.pipe(
map((event: HttpResponse<any>) => {
event['body'] = event.body['result'];
return event;
}),
catchError((error: HttpErrorResponse) => {
if (error.status === 401) {
this.route.navigate(['/login']);
}
return throwError('backend comm error');
})
);
}
}
这是供您参考的示例StackBlitz 。
HttpReponse
行为类似于JSON。 例如,为了获得response
的主体,您可以执行以下操作:
response_body = response["body"]
当然,您必须订阅。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.