HTTP Client in Angular

Questa lezione illustra l'utilizzo di HTTP Client di Angular per comunicare con le API e recuperare e inviare dati facilmente.

Che cos'è HTTP Client?

HTTP Client è il modulo integrato di Angular per comunicare con i servizi backend tramite richieste HTTP.

Importazione di HttpClientModule

Importare HttpClientModule nel modulo dell'applicazione per iniziare a utilizzare le richieste HTTP:

import { HttpClientModule } from '@angular/common/http';

Esecuzione di una richiesta GET

Utilizzare il client HTTP per recuperare dati da un endpoint API:

this.http.get('https://api.example.com/data').subscribe(data => console.log(data));

Gestione dei dati della risposta

Il client HTTP restituisce degli Observable. Sottoscriversi a questi per gestire i dati in modo asincrono:

this.http.get('api/data').subscribe(response => this.data = response);

Richiesta POST per inviare dati

Inviare dati al server utilizzando una richiesta POST:

this.http.post('api/items', newItem).subscribe(result => console.log(result));

Gestione degli errori

Gestire gli errori delle richieste HTTP utilizzando l'operatore catchError:

this.http.get('api/data').pipe(catchError(error => of('Error occurred'))).subscribe();

Utilizzo degli headers

Aggiungere headers alle richieste HTTP per inviare informazioni aggiuntive:

const headers = new HttpHeaders().set('Authorization', 'my-auth-token');

Riepilogo

Ha imparato a utilizzare il client HTTP di Angular per recuperare e inviare dati tramite le API in modo efficace. Continui così!