web_2025/R4.01_R4.A.10/td_tp/tp4/README.md

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).

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.

• Écrire la fonction du contrôleur

  async search(searchMovie)
  

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

• Écrire la fonction de la vue

  	renderList(movies)
  

  qui 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>