1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation

Exercice Javascript: Exercices corrigés Javascript

abdelouafiOct 4, 2016

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      294
      Likes Received:
      9
      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