Angular 8 error: Http failure during parsing for http

Question

I get an error when trying to call a service from Angular 8 app. Here is the service:

const httpOptionsPlain = {
  headers: new HttpHeaders({ 'Accept': 'text/plain',
                             'Content-Type': 'text/plain'                             
                             })
};

@Injectable()
export class TripService {

public getTripNameById(tripId: number): Observable<any> {
    return this.http.get<any>(`${this.baseUrl}/Trips/Trip/Name/${tripId}`,  httpOptionsPlain);
  }

And here is the Java rest api (works fine when calling from the browser):

@GET
@Path("Trip/Name/{fundId}")
@Produces("text/plain")     
public String getTripNameById(@PathParam("tripId") Integer tripId) {        
    return myDao.getNameById(tripId);       
}

I'm getting the error in the chrome console:

error: {error: SyntaxError: Unexpected token A in JSON at position 0 at JSON.parse () at XMLHtt…, text: "AAA BBB CCC"} headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ} message: "Http failure during parsing for http://localhost:8080/... name: "HttpErrorResponse"

I'm sending plain text so I'm not why the service try to parse json.

stackoverflow.com/questions/51989482/…

Kathak Dabhi
– Kathak Dabhi

2019-07-03 06:56:57 +00:00
Commented Jul 3, 2019 at 6:56 — Kathak Dabhi
– Kathak Dabhi, Commented Jul 3, 2019 at 6:56

Lakhwinder Singh · Accepted Answer · 2019-07-03 08:33:54Z

13

Please try

const httpOptionsPlain = {
  headers: new HttpHeaders({
    'Accept': 'text/plain',
    'Content-Type': 'text/plain'
  }),
  'responseType': 'text'
};

@Injectable()
export class TripService {

public getTripNameById(tripId: number): Observable<string> {
    return this.http.get<string>(`${this.baseUrl}/Trips/Trip/Name/${tripId}`,  httpOptionsPlain);
  }

I've just added ' to the responseType

edited Jul 3, 2019 at 8:33

Lakhwinder Singh

5,5825 gold badges30 silver badges52 bronze badges

answered Jul 3, 2019 at 6:31

MoxxiManagarm

9,2214 gold badges20 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2304483 Over a year ago

can you fixed the header, i'm getting error "not json format"

Tony Over a year ago

@user2304483 maybe you are looking for somothing like this ?

Uday Vunnam · Accepted Answer · 2019-07-03 07:47:16Z

5

HttpClient by default converts response to be response.json(). In case you are API returns non-json response, you have to specify that

this.http.get(url, {responseType: 'text'}).

In your code make it non-generic by removing <string> return type for it to work -

return this.http.get(`${this.baseUrl}/Trips/Trip/Name/${tripId}`,  httpOptionsPlain);

answered Jul 3, 2019 at 7:47

Uday Vunnam

3572 silver badges6 bronze badges

1 Comment

Ali Celebi Over a year ago

I can confirm that this approach works well to resolve this issue.

Collectives™ on Stack Overflow

Angular 8 error: Http failure during parsing for http

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related