TP n°5 : AJAX§
Nous allons continuer notre travail sur le formulaire intelligent du précédent TP, en l'interfaçant avec l'API du TP n°3.
Nous allons continuer notre travail sur le formulaire intelligent du précédent TP, en l'interfaçant avec l'API du TP n°3.
Nous allons d'abord vérifier que l'identifiant saisi dans le formulaire n'existe pas déjà dans la base.
change
sur le champs
qui contient l'identifiant.
Cette fonction ne fera rien si la valeur saisie est considérée comme invalide
(par le code écrit au TP précédent).Nous allons maintenant modifier le formulaire de sorte qu'il utilise l'API JSON pour créer un nouveau Gène.
<form>
et </form>
du template HTML
(tout en conservant leur contenu).
Leur rôle est d'exécuter la requête POST,
or c'est désormais le code Javascript qui va s'en charger.form_to_json
qui fabrique un objet JSON
(conforme à ce qu'attend l'API)
à partir des données saisies dans les champs input
.click
sur le bouton du formulaire
une fonction qui appelle form_to_json
et poste les données résultantes sur /api/Genes/
.Note
Une fois cette modification faite, nous pouvons retirer de notre programme Python le code qui traite les données provenant du formulaire, qui faisaient double-emploi avec l'API.
Nous pouvons désormais profiter des fonctions avancées de l'API, pour créer plusieurs Gènes en une seule opération.