Livres
TypeScript
Chapitre 11. HTML et le Web
Envoi d'une requête HTTP

TypeScript:
Envoi d'une requête HTTP

Comment faire : 

import axios from 'axios';

// Envoi d'une requête GET simple
axios.get('https://api.exemple.com/data')
  .then(response => {
    console.log(response.data); // Gérer la réponse ici
  })
  .catch(error => {
    console.error("Erreur lors de la requête : ", error);
  });

// Envoi d'une requête POST avec quelques données
axios.post('https://api.exemple.com/submit', { nom: 'Doe', prénom: 'Jane' })
  .then(response => {
    console.log(response.data); // La réponse du serveur
  })
  .catch(error => {
    console.error("Erreur lors de la requête : ", error);
  });

Sortie attendue :

{ "id": 1, "message": "Données récupérées avec succès" }
{ "id": 2, "message": "Données soumises avec succès" }

Exploration approfondie

Les requêtes HTTP sont le fondement du web depuis sa création par Tim Berners-Lee. Initialement conçu pour les documents, le protocole HTTP s’est adapté pour les APIs et les services web. Axios est un choix populaire mais il y a d’autres bibliothèques comme fetch (natif en JavaScript) et des frameworks côté serveur tels que Express.js qui simplifient la création de requêtes HTTP.

Axios est apprécié pour sa simplicité et sa configuration plus complet par rapport à fetch. Cependant, fetch est native, signifiant que vous n’avez pas à installer quoi que ce soit de plus pour l’utiliser dans un environnement de navigateur moderne. Côté serveur, dans Node.js, axios est toujours un excellent choix.

Quand vous construisez une requête, vous spécifiez les en-têtes, les paramètres d’URL, les méthodes (GET, POST, etc.), et peut-être le corps de la requête. En réponse, vous obtenez des données, des codes de statut, et d’autres en-têtes, qui vous indiquent comment le serveur a traité votre requête.

À voir également

Analyse Syntaxique du HTMLEnvoi d'une requête HTTP avec authentification de base