Retrieving Status Text from an Angular 8 Http Service

Question

Retrieving Status Text from an Angular 8 Http Service

My application includes a service that sends a POST request to a server:

addPerson(person:PersonDTO) :Observable<any> {
  return this.httpClient.post<any>(this.urlBase + 'Persons', person);
}

When subscribing to the service in a component:

this.valueService.addPerson(person).subscribe((data) => {
   this.responseCode = data.statusText;
   console.log(this.responseCode)
});

I want to display the response code on the console. However, if there is an error, the code stops before reaching the console.log. And if there is no error, undefined appears on the console.

angular typescript angular8

Answer 1

Answer №1

Welcome to the platform!

By default, when making a request to your API, you will receive the response body only. To access additional information such as status codes, you must include an observe option in your request:

addNewUser(user:UserModel) :Observable<any> {
  return this.httpClient.post<any>(this.apiUrl + 'users', user, {observe: 'response'});
}

Your current subscription is set up for handling the successful case only (the next scenario). To handle errors, you should add another callback for potential errors:

this.userService.addNewUser(user).subscribe(
  (data) => {
   this.statusCode = data.status;
   console.log(this.statusCode)
  },
  (error) => console.error(error)
);

Answer 2

Welcome to the platform!

By default, when making a request to your API, you will receive the response body only. To access additional information such as status codes, you must include an observe option in your request:

addNewUser(user:UserModel) :Observable<any> {
  return this.httpClient.post<any>(this.apiUrl + 'users', user, {observe: 'response'});
}

Your current subscription is set up for handling the successful case only (the next scenario). To handle errors, you should add another callback for potential errors:

this.userService.addNewUser(user).subscribe(
  (data) => {
   this.statusCode = data.status;
   console.log(this.statusCode)
  },
  (error) => console.error(error)
);

Retrieving Status Text from an Angular 8 Http Service

Answer №1

Similar questions

Determine if Toggle Accordion is Expanded by Checking HTML Attribute Using Selenium

How to Validate Ionic 2 Radio Button Selections with TypeScript

Is there a way to incorporate a button with row span in ag-grid within an Angular project?

Error in Typescript: Unable to locate module with proper type declarations

Leveraging ES6 Symbols in Typescript applications

The angular 5 application encountered an issue where it was unable to access the property 'singlePost' due to a null value, resulting

different ways to retrieve component properties without using inheritance

The input values passed to "onChange" are not compatible with "NativeSyntheticEvent<TextInputChangeEventData>"

The rxJS observable is failing to reach the subscribe method

Insert items into an array at a specific index in typescript

Is there a way to adjust the dimensions of my Angular npm slider?

Is it possible to specify the timing for executing Typescript decorators?

Prevent hover functionality on an Angular highchart bar graph

``Why Ionic 3 Popover Sizes Should Adapt to Different Screen

The creation of an Outlook 365 add-in using Angular8 presents challenges when attempting to delete a cookie that was generated with ngx

Is it better to pass private state along with parameters to functions, or should functions directly access the private state?

Hello everyone, can someone provide guidance on integrating Spring Boot session with an Angular project?

Protractor enables horizontal scrolling for a Div element

Manage a particular path that does not utilize the hash symbol

The RxJS mergeMap operator: The inner observable fails to execute