Skip to content

qcm-10: AJAX GET

Compare
Choose a tag to compare
@adrienjoly adrienjoly released this 27 Mar 11:34
· 644 commits to master since this release

Pour effectuer une requête AJAX GET, et afficher la réponse du serveur dans un alert(), il faut instancier la classe XMLHttpRequest puis...

  • ... appeler 2 méthodes, et définir 1 fonction
  • ... appeler 1 méthode, et définir 2 fonctions
  • ... appeler 3 méthodes
  • ... définir 3 fonctions

J'ai écrit le code permettant d'envoyer une requête HTTP GET, mais rien ne se passe, et rien n'apparait dans la console.

Cela pourrait être dû à:

  • une erreur de syntaxe
  • une URL erronée
  • l'oubli de l'appel à send()
  • l'oubli de l'usage de JSON.parse()

Quel est le format le plus couramment utilisé de nos jours pour échanger des informations en AJAX avec une API ?

  • HTML
  • XML
  • JSON
  • texte brut

var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'https://jsonplaceholder.typicode.com/users/1');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    var reponse = JSON.parse(xhr.responseText);
    alert(/* A SAISIR */);
  }
};
xhr.send();

Si on veut afficher la propriété email de l'objet contenu dans la réponse à notre requête, par quoi faut-il replacer /* A SAISIR */ ?

  • JSON.parse(xhr.responseText.email)
  • xhr.responseText.email
  • reponse.email
  • responseText['email']