Forum | Derniers tutoriels de développement web
 

AJAX Tutorial


AJAX est le rêve d'un développeur, parce que vous pouvez:

  • Mettre à jour une page Web sans recharger la page
  • Demander des données à partir d'un serveur - après que la page a chargé
  • Recevoir des données à partir d'un serveur - après que la page a été chargée
  • Envoyer des données à un serveur - en arrière-plan

Essayez vous-même des exemples dans chaque chapitre

Dans chaque chapitre, vous pouvez modifier les exemples en ligne, et cliquez sur un bouton pour voir le résultat.

AJAX Exemple

Let AJAX change this text

Essayez - le vous - même »


AJAX Exemple Explained

page HTML

<!DOCTYPE html>
<html>
<body>

<div id="demo"><h2>Let AJAX change this text</h2></div>

<button type="button" onclick="loadDoc()">Change Content</button>

</body>
</html>

La page HTML contient un <div> section et un <button> .

Le <div> section est utilisée pour afficher des informations à partir d' un serveur.

Le <button> appelle une fonction (si elle est cliqué).

La fonction demande des données à partir d'un serveur Web et l'affiche:

Fonction LoadDoc ()

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
     document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

Commencez à apprendre AJAX maintenant!