Угловая 6: Как установить тип ответа в виде текста при вызове http
Я пытаюсь сделать http-запрос API Spring Spring API. API возвращает строковое значение ("успех" или "сбой")... но я не знаю, как установить тип ответа как строковое значение при вызове API. его ошибка бросания, поскольку Backend возвратил код 200, тело было: [object Object]
Мой угловой код похож на ниже,
order.service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { ProductSearch } from '../_models/product-search';
import { ProductView } from '../_models/product-view';
import { Observable } from 'rxjs';
import { catchError } from 'rxjs/operators';
import { ErrorHandlerService } from './error-handler.service';
import { Category } from '../_models/category';
@Injectable({
providedIn: 'root'
})
export class OrderService {
constructor(private http: HttpClient, private errorHandlerService: ErrorHandlerService) { }
addToCart(productId: number, quantity: number): Observable<any> {
const headers = new HttpHeaders().set('Content-Type', 'text/plain; charset=utf-8');
console.log("--------order.service.ts----------addToCart()-------productId:"+productId+":------quantity:"+quantity);
return this.http.post<any>('http://localhost:8080/order/addtocart',
{ dealerId: 13, createdBy: "-1", productId: productId, quantity: quantity},
{headers: headers})
.pipe(catchError(this.errorHandlerService.handleError));
}
}
ОШИБОК handler.service.ts
import { Injectable } from '@angular/core';
import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError, retry } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
})
export class ErrorHandlerService {
constructor() { }
public handleError(error: HttpErrorResponse) {
if (error.error instanceof ErrorEvent) {
// A client-side or network error occurred. Handle it accordingly.
console.error('An error occurred:', error.error.message);
} else {
// The backend returned an unsuccessful response code.
// The response body may contain clues as to what went wrong,
console.error(
'Backend returned code ${error.status}, ' +
'body was: ${error.error}');
}
// return an observable with a user-facing error message
return throwError(
'Something bad happened; please try again later.');
};
}
Любая помощь будет оценена... спасибо заранее..
Ответы
Ответ 1
Вы не должны использовать эти заголовки, заголовки определяют, какой тип вы отправляете, и вы явно отправляете объект, а это значит, JSON.
Вместо этого вы должны установить для параметра responseType
text
:
addToCart(productId: number, quantity: number): Observable<any> {
const headers = new HttpHeaders().set('Content-Type', 'text/plain; charset=utf-8');
return this.http.post(
'http://localhost:8080/order/addtocart',
{ dealerId: 13, createdBy: "-1", productId, quantity },
{ headers, responseType: 'text'}
).pipe(catchError(this.errorHandlerService.handleError));
}
Ответ 2
Чтобы избавиться от ошибки:
Тип "text" не может быть назначен типу "json".
использование
responseType: 'text' как 'json'
import { HttpClient, HttpHeaders } from '@angular/common/http';
.....
return this.http
.post<string>(
this.baseUrl + '/Tickets/getTicket',
JSON.stringify(value),
{ headers, responseType: 'text' as 'json' }
)
.map(res => {
return res;
})
.catch(this.handleError);
Ответ 3
Вы пытались не устанавливать responseType, а просто вводить ответ?
Вот что сработало для меня:
/**
* Client for consuming recordings HTTP API endpoint.
*/
@Injectable({
providedIn: 'root'
})
export class DownloadUrlClientService {
private _log = Log.create('DownloadUrlClientService');
constructor(
private _http: HttpClient,
) {}
private async _getUrl(url: string): Promise<string> {
const httpOptions = {headers: new HttpHeaders({'auth': 'false'})};
// const httpOptions = {headers: new HttpHeaders({'auth': 'false'}), responseType: 'text'};
const res = await (this._http.get(url, httpOptions) as Observable<string>).toPromise();
// const res = await (this._http.get(url, httpOptions)).toPromise();
return res;
}
}
Ответ 4
На вашем backEnd вы должны добавить:
@RequestMapping(value="/blabla", **produces="text/plain"** , method = RequestMethod.GET)
На фронте (Служба):
methodBlabla()
{
**const headers = new HttpHeaders().set('Content-Type', 'text/plain; charset=utf-8');**
return this.http.get(this.url,**{ headers, responseType: 'text'}**);
}