Angular 8 - Http post return error when is not error

Question

I try to make an http post request to a API. The problem is the follow: the API return a 200 status code, a success petition. But in my code works like in the http been an error.

My service code:

  getUsers(data) {
      const httpOptions = {
      headers: new HttpHeaders({
        "Accept": "application/json"
      })
      };

      let input = new FormData();
      input.append('firstName', data.firstName);

      return this.http.post('http://localhost/post.php', input, httpOptions);
    }

My component code:

callApi(data) {
    this.userService.getUsers(data)
    .subscribe(
      (data) => { // Success
        console.log(data)
      },
      (error) => {
        console.error("Error: " + JSON.stringify(error));
      }
    );
  }

The browser return:

The http post result

What can be the problem?

@Sajeetharan i update the post. The screenshot is here: i.sstatic.net/M3UPH.png — strongRain
– strongRain, Commented Oct 27, 2019 at 12:38

Sajeetharan · Accepted Answer · 2019-10-27 12:40:41Z

1

You need to specify that the data to be returned is not JSON using the responseType.In your code, you can use a responseType string value of text, like this:

return this.http.post(
    'http://localhost/post.php',
    {responseType: 'text'})

answered Oct 27, 2019 at 12:40

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

2 Comments

strongRain Over a year ago

I try that but it returns a CORS error. I need to check that

Afuye Olawale Over a year ago

when calling from another domain you might need to enble cors on the backend beacuse that can actually throw an error or any other backenc error

Collectives™ on Stack Overflow

Angular 8 - Http post return error when is not error

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related