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 10:49] – [Backend Team :] jcheron | sio:bloc2:td7 [2024/07/02 15:54] (Version actuelle) – [Frontend Team :] jcheron | ||
|---|---|---|---|
| Ligne 2: | Ligne 2: | ||
| Cet exercice de synthèse consiste à développer une application Web permettant d' | Cet exercice de synthèse consiste à développer une application Web permettant d' | ||
| + | |||
| + | [[https:// | ||
| + | |||
| Ligne 91: | 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(); | ||
| + | }; | ||
| + | </ | ||