| 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 |
|---|
| |
| Cet exercice de synthèse consiste à développer une application Web permettant d'inviter des participants à des èvénements, et de recueillir leur réponse (confirmation de présence ou non). | Cet exercice de synthèse consiste à développer une application Web permettant d'inviter des participants à des èvénements, et de recueillir leur réponse (confirmation de présence ou non). |
| | |
| | [[https://github.com/supavenir/doodle-all|repository github]] |
| | |
| |
| |
| * 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 = 'http://localhost:8080/'; |
| | |
| | //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: 'POST', |
| | headers: { |
| | 'Content-Type': 'application/json' |
| | }, |
| | body: JSON.stringify(data) |
| | }); |
| | return await response.json(); |
| | }; |
| | </sxh> |
| |
| |
jcheron