XHR créer un objet
XMLHttpRequest est la base d'AJAX.
Objet XMLHttpRequest
L'objet XMLHttpRequest est pris en charge par tous les navigateurs modernes (IE5 et IE6 utilisent ActiveXObject).
XMLHttpRequest est utilisé pour échanger des données avec le serveur en arrière-plan. Cela signifie que certaines parties d'une page Web peuvent être mises à jour sans recharger la page entière.
Créer un objet XMLHttpRequest
Tous les navigateurs modernes (IE7+, Firefox, Chrome, Safari et Opera) ont des objets XMLHttpRequest intégrés.
Syntaxe de création d'un objet XMLHttpRequest :
Ancienne version d'Internet Explorer ( IE5 et IE6) utilisent des objets ActiveX :
Pour gérer tous les navigateurs modernes , y compris IE5 et IE6, veuillez vérifier si le navigateur prend en charge l'objet XMLHttpRequest. Si pris en charge, crée un objet XMLHttpRequest. S'il n'est pas pris en charge, créez un ActiveXObject : :
Instance
<html><!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>Exécuter l'instance»
Cliquez sur "Exécuter Bouton "Instance" Découvrez l'exemple en ligne
Dans le chapitre suivant, vous découvrirez l'envoi de requêtes au serveur.
