TypeScript richiamare un servizio api di tipo get

In questo frammento di codice, vedremo come richiamare un servizio web api di tipo Get nel linguaggio di programmazione TypeScript.

La prima operazione da fare è quella di installare il componente per la gestione dei servizi api, axios, ed eventualmente anche per i tipi.

Di seguito i relativi comandi da eseguire nel prompt dei comandi.

npm install axios

npm install @types/axios

Una volta installati tali componenti, importante nella pagina in cui si vuole eseguire un servizio api la dichiarazione di tale componente.

Di seguito si riporta il frammento di codice della dichiarazione per l'utilizzo delle classi del componente axios.

TypeScript.

import axios from 'axios';

Di seguito un metodo che verrà richiamata in una parte della pagina, per invocare il servizio.

TypeScript

 async   getDati() {

  try {

    const response = await axios.get('http://localhost:5135/api/Anagraficas');

    console.log(response.data);

 

  } catch (error) {

    console.error('Errore: ', error);

  }

}