Files
web_2025/R4.01_R4.A.10/td_tp/tp4
2026-02-13 11:22:25 +01:00
..
2026-02-13 11:19:37 +01:00
tp4
2026-02-13 11:16:49 +01:00
tp4
2026-02-13 11:16:49 +01:00
2026-02-13 11:22:25 +01:00

TP javascript : Ajax, promesses.

Vous disposez tous, à la racine de votre compte, d'un répertoire public_html qui est servi (http/https) par le serveur dwarves. Pour accéder à vos pages, utilisez l'url :

http(s)://dwarves.[arda|iut-fbleau.fr]/~login

Pour tester les différentes api http, vous pouvez utilisez la commande curl.

Ex1

Le but est de faire une recherche de film en utilisant l'api OMDb (Open Movie Database).

movie

Son utilisation nécessite une clé. Vous pouvez utiliser la mienne 2fcb2848. Si la limite de requêtes est atteinte, générez votre propre clé.

Complétez le code.

  • J'ai volontairement utilisé des modules. Il vous faut donc tester l'application avec http.

  • Écrire la fonction du modèle

    getMovies(search)
    

    Cette fonction renvoie une promesse qui permet de faire une requête ajax vers l'api OMDb. Pour ajax, utilisez d'abord l'interface fetch, puis l'objet XMLHttpRequest.

  • Ecrire la fonction du contrôleur

    async search(searchMovie)
    

    qui permet de faire une recherche. Cette fonction utilise évidemment la fonction précédente getMovies.

  • Ecrire la fonction de la vue

    	renderList(movies)
    

    quo construit la liste des films affichés. La structure attendue est

    <li>
       <a href="http://www.imdb.com/title/tt0068646" target="_blank">The Godfather</a><span>1972</span>
    </li>