- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Maintenant qu'on a récupéré les données de nos inputs avec Javascript,on va envoyer ces données avec un objet request et avec l'API Fetch de Javascript.
00:00:09 :Donc la première chose à faire déjà c'est de créer une autre vue qui va nous permettre de récupérer ces informationset de retourner un objet que l'on va pouvoir utiliser dans notre Javascript ici pour afficher le résultat de l'opération.
00:00:21 :Donc dans le fichier urs.py ici, je vais ajouter une URL qui va rediriger vers Computeet on va créer une fonction qu'on va appeler compute qui n'est pour l'instant pas créée dans notre fichiermais on va la créer par la suite dans views.py.
00:00:34 :Donc je vais déjà l'importer ici même s'il encore n'existe pas et on va également modifier le nom de l'URL,on va mettre compute ici et maintenant je vais créer cette fonction dans mon fichier views.py.
00:00:44 :Donc on crée la fonction compute qui va prendre la requête et qui va retourner pour l'instant un objet jsonResponse.Donc cet objet il faut l'importer en haut de votre script, il est contenu dans le module django.http
00:00:55 :et donc cet objet va nous permettre de retourner un objet json à notre vue.Donc à notre vue html ici, ça va nous permettre de retourner le résultat de l'opérationet on va pouvoir utiliser par la suite ce résultat pour l'afficher ici dans notre paragraphe.
00:01:10 :Donc dans la vue pour l'instant je retourne juste ça ici, on peut retourner un dictionnaire qui est videou mettre par exemple une clé result et dire qu'elle est égale à oket par la suite en fait on récupérera les données qui sont envoyées à cette vue compute,on fera le calcul et on retournera le résultat du calcul dans cet objet jsonResponse.
00:01:27 :Donc ce que je vais faire ici c'est dans mon fichier html créer un objet requestdonc qui va être contenu dans une variable.Donc je vais créer une variable request et on va créer un nouvel objet requestdonc avec une majuscule cette fois ci, request comme ça avec une majuscule
00:01:41 :et on va à l'intérieur des parenthèses ici spécifier deux éléments.Le premier c'est l'url à laquelle on souhaite accéder,donc dans ce cas ci ça va être notre url compute ici.
00:01:50 :Donc on pourrait la mettre directement comme ça à l'intérieur d'une chaîne de caractère et mettre computemais on peut aussi utiliser le langage de gabarit de Django avec la balise urldonc en mettant une accolade et un symbole pourcentage et en utilisant donc la balise url.
00:02:05 :On va pouvoir utiliser donc le nom de cette url donc le nom ici computepour rediriger automatiquement vers cette url.Donc à l'intérieur ici de ma balise url je vais mettre des guillemets simples cette fois cipuisqu'on a mis des guillemets doubles ici donc il faut bien faire attention de varier
00:02:18 :les guillemets doubles et les guillemets simples pour ne pas avoir de conflitset ici je vais mettre donc le nom de mon url donc l'url compute.
00:02:25 :Donc tout ça ici ça va être remplacé en fait tout simplement par slash compute slashmais ça va être dynamique donc si jamais on change l'url ici comme çace sera automatiquement répercuté à l'intérieur de notre fichier html ici.
00:02:37 :Ensuite on va passer un deuxième élément à cet objet requestet cet élément ça va être un objet javascript qui va contenir des informations.La première information c'est le type de méthode que l'on souhaite utiliserdonc dans ce cas ci ça va être une méthode de type postdonc je mets le nom de la clé ici qui est méthode un deux points
00:02:53 :et ensuite la chaîne de caractère post donc là encore bien faire attentionde mettre les bons types de guillemets donc soit des guillemets simplesou des guillemets doubles mais il faut bien mettre le même type de guillemetsau début et à la fin.
00:03:03 :Et ensuite on va passer le core de notre requêtedonc le core de la requête ça va être dans le bodydonc body en anglais qui veut dire coreet on va passer ici tout simplement notre formulairequi contient les données que l'on a récupérées avec javascript.
00:03:15 :Donc je passe ma variable form ici à body à l'intérieur de cet objet.Donc là on a créé notre requête mais pour l'instant on ne l'a pas encore effectuéepour ça il va falloir utiliser la fonction fetchqui va nous permettre d'effectuer cette requêtedonc je vais passer ma variable request ici à fetch
00:03:31 :et on finit ici avec le point virgule bien entenduet donc là pour l'instant ça va pas changer grand chose au niveau de ma page htmlpuisque si j'actualise et que je rentre des donnéeset que je clique sur calculer et bien on a rien qui se passedonc c'est normal puisque pour l'instant on fait juste effectuer la requête
00:03:46 :mais dans notre vue on ne fait rien, on ne fait aucun traitementon fait juste retourner un objet jsonResponsemais cet objet on ne le récupère même pas pour l'instant dans notre fichier htmlpour l'instant on fait juste un fetch de notre requêteet par la suite on verra comment récupérer ensuite ce qui est renvoyé dans la vue Python
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.