Success response is getting correctly but the error response is not getting angular

Question

1.00/5 (1 vote)

See more:

When calling the service success response is getting correctly but error response shows empty in the UI. In the network tab status code is 200 and also in response shows a correct error message but in the console, the tab shows the below error:
https://i.stack.imgur.com/BtI0E.png[^]

restoration(Id: string): Observable<ServerResponse> {
 return this.http.put<ServerResponse>(`${url.restoration}?id=${Id}`, {
      headers: this.jsonHeaders
});
}

What I have tried:

restoration(Id: string): Observable<ServerResponse> {
 return this.http.put<ServerResponse>(`${url.restoration}?id=${Id}`, {
      headers: {accept: 'text/plain'}
});
}

Posted 2-Sep-20 20:33pm

dvarun

Updated 2-Sep-20 21:20pm

Sandeep Mewara

v2

Add a Solution

Comments

Richard Deeming 3-Sep-20 5:29am

A status code of 200 means the request succeeded. An error response should have a different status code.
List of HTTP status codes - Wikipedia[^]

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sandeep Mewara · Answer 1 · 2020-09-02T21:20:00

Based on the image, your error response is in XML format and seems it is expected and being parsed as a JSON. Given the mismtach, you get an error while parsing.

Next followup query could be to fix it:
1. Client side, don't blindly assume it as json, take it as text and work out
2. Server side, if it's in your control, return json response instead of a XML. Then on client side you can parse as returned:

JavaScript

header: {'Content-Type: application/json'};

Based on image, you seem to knw how to use browsers web developer tool. Use it and see what is the response there and plan your next steps.