Angular: HttpErrorResponse :"Http failure during parsing for..." - a String returning successfully from server

Question

Spring-boot RESTful server side; a testing method that will return a string:

@RequestMapping(value = "test", method = RequestMethod.GET)
    public ResponseEntity<String> test(HttpServletRequest req, HttpServletResponse resp) {
        try {
            return new ResponseEntity<String>("Test has worked, biatch!", HttpStatus.OK);
        } catch (Exception e) {
            System.err.println("## EXCEPTION: " + e.getMessage());
            return new ResponseEntity<String>(e.getMessage(), HttpStatus.BAD_REQUEST);
        }
    }

from Postman- everything works perfectly fine and I get the String returned parsed correctly from JSON.

However, when trying the same from my Angular client-side, I keep getting an HttpErrorResponse object generated.

  public url: string = "http://localhost:8080/theater/admin/test";
  constructor(private as: AdminService, private http: HttpClient) { }

  ngOnInit() {
  }

  getTest() {
    this.as.getTest()
      .subscribe(data => console.log(data), // this should happen on success
        error => console.log(error));  // this should happen on error
  }

funny enough, it contains the String returned from the server, and I can access it with error.text on the subscribe function. the Error object on console:

HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: "OK", url: "http://localhost:8080/theater/admin/test", ok: false, …}
error
:
{error: SyntaxError: Unexpected token T in JSON at position 0 at JSON.parse (<anonymous>) at XMLHttp…, text: "Test has worked, biatch!"}
headers
:
HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message
:
"Http failure during parsing for http://localhost:8080/theater/admin/test"
name
:
"HttpErrorResponse"
ok
:
false
status
:
200
statusText
:
"OK"
url
:
"http://localhost:8080/theater/admin/test"
__proto__
:
HttpResponseBase

This probably has to do with parsing the JSON object returning from the server, containing the String. however, returning objects, collections and whatever else- works totally fine- .subscribe() parses whatever objects I get from the server correctly, or if the server had an exception occurred, the returned HttpStatus correctly invokes an HttpErrorResponse on the client side.

So, what's up with Strings mis-firing like that? I'm always getting an HttpErrorResponse, no matter what. am I doing something wrong here?

So, how am I supposed to handle this differently on the client side? — Maor Barazani
– Maor Barazani, Commented Sep 12, 2018 at 20:42

Maor Barazani · Accepted Answer · 2018-09-13 18:59:13Z

14

Test has worked, biatch!

This is not a JSON. Thus parsing error.

This probably has to do with parsing the JSON object returning from the server, containing the String. however, returning objects, collections and whatever else- works totally fine- .subscribe()

Well it worked for POJOs besause those are JSON encoded. Here you have plain String

To get response as string instead of object, do something like

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

edited Sep 13, 2018 at 18:59

Maor Barazani

8803 gold badges18 silver badges40 bronze badges

answered Sep 12, 2018 at 20:21

Antoniossss

32.7k7 gold badges67 silver badges119 bronze badges

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

3 Comments

Maor Barazani Over a year ago

So, how am I supposed to handle this differently on the client side?

Antoniossss Over a year ago

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

yasd Over a year ago

After reading this answer I found it in documentation, too: angular.io/guide/http#requesting-non-json-data

Rajesh Panda · Accepted Answer · 2019-08-30 13:59:07Z

13

Try something like this -

{ responseType: 'text' as 'json' }

I was facing the same issue with HttpClient in Angular 7, resolved using the above setup.

The problem is when you use a return type on the get or post or any method from httpClient like this-

this.http.get<FooClass>(url)

It assumes that the response type is JSON and thus it expects a JSON object in response. Setting the response type as 'text' as 'json' will force text response.

edited Aug 30, 2019 at 13:59

answered Feb 7, 2019 at 8:50

Rajesh Panda

6556 silver badges10 bronze badges

1 Comment

user10484617 Over a year ago

I tried many ways and this is the only one that worked.

loroz · Accepted Answer · 2019-03-21 21:14:31Z

0

I solved this issue by using a JsonObject to properly build the JSON String that is then inserted into the ResponseEntity:

@PostMapping(...)
public ResponseEntity handler(HttpServletRequest req, HttpServletResponse resp) {
  JsonObjectBuilder builder = Json.createObjectBuilder();
  builder.add("text", "Hello World!");
  JsonObject json = builder.build();

  return new ResponseEntity<>(json.toString(), HttpStatus.OK);
}

answered Mar 21, 2019 at 21:14

loroz

1912 silver badges4 bronze badges

Collectives™ on Stack Overflow

Angular: HttpErrorResponse :"Http failure during parsing for..." - a String returning successfully from server

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related