Example Analysis of HttpClient in Angular

Editor to share with you the example analysis of HttpClient in Angular, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Modern browsers support making HTTP requests using two different API: the XMLHttpRequest interface and fetch () API.

The HttpClient class in @ angular/common/http provides a simplified API for Angular applications to implement HTTP client functionality.

I. preparatory work

First import HttpClientModule in app.module.ts. As follows:

Import {HttpClientModule} from'@ angular/common/http';@NgModule ({imports: [HttpClientModule,]}) export class AppModule {}

2. Introduce HttpClient into the service.ts that needs to reference HttpClient, as follows:

Import {HttpClient} from'@ angular/common/http';export class ConfigService {constructor (private http: HttpClient) {}}

Third, request data

Return this.http.get/post (url:' request address', options: {headers: this.headers}) .toPromise () .then ((data: any) = > {return data;}) .catch ((err) = > {console.log (err);});}

4. Introduce service into the corresponding component.ts file

Data format:

{"lists": [{"title": "," pic ":"}, {"title": "," pic ":"}]}

5. Call the

The above is all the content of the article "sample Analysis of HttpClient in Angular". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!