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