1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Exercice Javascript: Exercices corrigés Javascript

abdelouafiOct 4, 2016

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      267
      Likes Received:
      8
      Trophy Points:
      18
      Joined
      Sep 13, 2016
      XMLHttpRequest : c'est un objet Javascript utilisé pour récupérer des données HTTP (comme son nom l'indique). Créer une instance de cet objet pour l'utiliser ( var req = new XMLHttpRequest(); ), puis d'ouvrir une URL et d'envoyer la requête ( req.open('GET', 'http://www.exam-lib.com/', false);
      req.send(null);
      ).

      L'objet XMLHttpRequest du langage JavaScript qui permet d'obtenir des données au format XML et HTML ou bien un simple texte sous forme HTML. Cette objet a été développé par Microsoft afin de créer un objet ActiveX depuis la version d'Internet Explorer version 5 ceci depuis 1998. Dans un premier temps cet objet prend le nom de XMLHTTP développé par Microsoft, il a été ensuite standardisé par le consortium W3C.

      Alors il existe deux principale étapes pour pouvoir utiliser notre objet XMLHTTPRequest:
      1. Préparation et envoi de la requête: voici le code source nécessaire pour préparer et envoyer une requête
      Code:
      var req = new XMLHttpRequest();
      req.open('GET', 'http://www.exam-lib.com/', false);
      req.send(null);
      1. Réception des données: en réponse on peut récupérer les entêtes fournies par la réponse en utilisant la fonction getAllResponseHeaders().
        exemple :
      Code:
      alert(xhr.getResponseHeader('Content-type')); // Affiche : « text/html; charset=utf-8 »
      Exemple 1:
      Code:
      var req = new XMLHttpRequest();
      req.open('GET', 'http://www.exam-lib.com/', false);
      req.send(null);
      if(req.status == 200)
        dump(req.responseText);
      Exemple 2:
      Code:
      <html>
      <head>
      <script language="javascript">
      function autoc(){
      try {xhr=new XMLHttpRequest();} // Mozilla, Chrome, Safari, Netscape...
      catch(e){
      try {xhr=new ActiveXObject("Microsoft.XMLHTTP");} // IE
      catch(e1){
      alert("Objet non supporté!");
      }
      }
      xhr.onreadystatechange=function(){
      if ((xhr.readyState==4) && (xhr.status==200))
      document.getElementById("sugg").innerHTML=xhr.responseText;
      else
      document.getElementById("sugg").innerHTML="<img src='loading.gif'>";
      }
      xhr.open("post","suggest.php",true);
      xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
      xhr.send("str="+document.getElementById("texto").value);
      }
      </script>
      </head>
      <input type="text" id="texto" onKeyUp="autoc()"><br>
      <div id="sugg"></div>
      <body>
      </body>
      </html>
       
      Last edited: Dec 23, 2016
      Loading...

Share This Page

Share