{"id":62161,"date":"2022-10-18T08:56:06","date_gmt":"2022-10-18T07:56:06","guid":{"rendered":"https:\/\/kinqsta.com\/fr\/?p=62161&post_type=knowledgebase&preview_id=62161"},"modified":"2025-10-01T20:44:45","modified_gmt":"2025-10-01T19:44:45","slug":"requetes-http-javascript","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/fr\/blog\/requetes-http-javascript\/","title":{"rendered":"Un guide des requ\u00eates HTTP en JavaScript"},"content":{"rendered":"

L’interaction entre le frontend et le backend<\/a> des sites web est rendue possible par les requ\u00eates HTTP. Des fonctionnalit\u00e9s telles que la mise \u00e0 jour d’un nouvel\/ancien utilisateur dans une base de donn\u00e9es, la publication d’un article de blog \u00e0 partir de votre tableau de bord WordPress<\/a>, la suppression d’une photo de votre profil et la mise \u00e0 jour de votre bio n\u00e9cessitent toutes une interaction entre un serveur et un client pour modifier des donn\u00e9es.<\/p>\n

Lorsque nous cr\u00e9ons des applications web – aussi bien des applications web frontend que des applications web full stack – nous interagissons souvent avec des donn\u00e9es stock\u00e9es sur diff\u00e9rentes bases de donn\u00e9es et diff\u00e9rents serveurs. Ces serveurs peuvent appartenir \u00e0 des tiers ou \u00eatre cr\u00e9\u00e9s par les d\u00e9veloppeurs d’un projet.<\/p>\n\n

Pour interagir avec ces serveurs, nous pouvons faire usage de diff\u00e9rentes m\u00e9thodes HTTP pour demander des donn\u00e9es. Nous pouvons cr\u00e9er, lire, mettre \u00e0 jour et supprimer (Create Read Update Delete ou CRUD) des donn\u00e9es sur les serveurs en utilisant des verbes HTTP d\u00e9di\u00e9s comme POST, GET, PUT\/PATCH et DELETE.<\/p>\n

Dans ce tutoriel, vous apprendrez les diff\u00e9rentes fa\u00e7ons de faire des requ\u00eates HTTP \u00e0 des serveurs distants et d’effectuer des op\u00e9rations CRUD en JavaScript<\/a>.<\/p>\n

Chaque section pr\u00e9sentera une nouvelle m\u00e9thode d’envoi de requ\u00eates HTTP. Nous commencerons par les m\u00e9thodes int\u00e9gr\u00e9es comme l’API fetch et l’objet XMLHttpRequest avant de nous pencher sur certaines biblioth\u00e8ques de requ\u00eates HTTP open source comme Axios et SuperAgent.<\/p>\n

C’est parti !<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Qu’est-ce qu’une requ\u00eate HTTP en JavaScript ?<\/h2>\n

Les requ\u00eates HTTP<\/a> en JavaScript sont un ensemble de m\u00e9thodes pr\u00e9d\u00e9finies utilis\u00e9es pour interagir avec les donn\u00e9es stock\u00e9es sur les serveurs.<\/p>\n

Chaque requ\u00eate envoy\u00e9e \u00e0 un serveur comprend un point de terminaison et le type de requ\u00eate envoy\u00e9e. Vous pouvez voir un point de terminaison comme une passerelle entre deux programme : le client et le serveur.<\/p>\n

Le client est le programme qui envoie une requ\u00eate tandis que le serveur est celui qui re\u00e7oit la requ\u00eate. Le serveur renvoie une r\u00e9ponse en fonction de la validit\u00e9 de la requ\u00eate. Si la requ\u00eate est r\u00e9ussie, le serveur renvoie des donn\u00e9es au format XML ou JSON (JSON dans la plupart des cas), et si la requ\u00eate \u00e9choue, le serveur renvoie un message d’erreur<\/a>.<\/p>\n

Les r\u00e9ponses renvoy\u00e9es par le serveur sont g\u00e9n\u00e9ralement associ\u00e9es \u00e0 des codes d’\u00e9tat<\/a>. Ces codes nous aident \u00e0 comprendre ce que le serveur essaie de dire lorsqu’il re\u00e7oit une requ\u00eate. Voici quelques-uns d’entre eux et leur signification :<\/p>\n