Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
sio:bloc2:td7 [2024/07/02 11:33] – [TD7 : Projet Doodle] jcheron | sio:bloc2:td7 [2024/07/02 15:54] (Version actuelle) – [Frontend Team :] jcheron | ||
---|---|---|---|
Ligne 94: | Ligne 94: | ||
* Intégration avec l'API via Fetch API | * Intégration avec l'API via Fetch API | ||
* Gestion des interactions et des réponses des utilisateurs | * Gestion des interactions et des réponses des utilisateurs | ||
+ | |||
+ | <sxh js;> | ||
+ | const API_URL = ' | ||
+ | |||
+ | //Get request to the server using fetch | ||
+ | apiGet = async(resource) => { | ||
+ | const url = `${API_URL}${resource}`; | ||
+ | const response = await fetch(url); | ||
+ | return await response.json(); | ||
+ | }; | ||
+ | |||
+ | //Post request to the server using fetch | ||
+ | apiPost = async (resource, data) => { | ||
+ | const url = `${API_URL}${resource}`; | ||
+ | const response = await fetch(url, { | ||
+ | method: ' | ||
+ | headers: { | ||
+ | ' | ||
+ | }, | ||
+ | body: JSON.stringify(data) | ||
+ | }); | ||
+ | return await response.json(); | ||
+ | }; | ||
+ | </ | ||