1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
| var xhr = getXMLHttpRequest();
/* La fonction handleHttpResponse est fournit plus loin dans cet article */
xhr.onreadystatechange = handleHttpResponse;
var url = "dvd.xml";
xhr.open("GET", url, true);
/* A préciser pour les requêtes de type POST
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
*/
xhr.send(null);
function handleHttpResponse() {
if(xhr.readyState == 4 && xhr.status == 200) {
/* xhr.responseXML permet d'obtenir le fichier XML
xhr.responseText aurait retourné le fichier sous format texte */
response = cleanXML(xhr.responseXML.documentElement);
// ...
}
}
/* Récupérer la liste des items donc la liste des DVD */
var items = response.getElementsByTagName("item");
var html = ''; /* Présentation HTML de la liste des DVD */
/* Nombre de DVD */
count = items.length;
for(i = 0; i < count; i++) { /* POUR CHAQUE item */
html += '<div class="item">';
html += '<h1>' + items[i].getElementsByTagName("title")[0].firstChild.nodeValue + '</h1>';
html += '<div class="author">Réalisateur : ';
html += items[i].getElementsByTagName("director")[0].firstChild.nodeValue + '</div>';
html += '<div class="price">Prix : ';
html += items[i].getElementsByTagName("price")[0].firstChild.nodeValue + ' €</div>';
html += '</div>';
}
document.getElementById('content').innerHTML += html;
A l'execution j'ai le message :
getXMLHttpRequest is not defined |
Partager