Bonjour à tous,
Etant un grand débutant en ajax j'ai voulu suivre le tuto de ce site pour mieux comprendre!
Après avoir créer mes 3 fichiers: index.php, ajax.js et reponse.xml, j'ai lancer le script et ça a marché mais après avoir fais un tour dans ma console d'erreur de firefox j'ai constaté qu'il me sort 4 erreurs : Erreur : docXML has no properties
je ne comprend pas d'où cela vient merci d'avance pour votre aide.
voici mes codes
index.php
ajax.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>Test</title> </head> <body> <script type="text/javascript" src="ajax.js"></script> <p> <a href="javascript:ajax();">Vous avez le droit de me cliquer !</a> </p> </body> </html>
et response.xml
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 function ajax() { var xhr=null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } //on définit l'appel de la fonction au retour serveur xhr.onreadystatechange = function() { alert_ajax(xhr); }; //on appelle le fichier reponse.txt xhr.open("GET", "reponse.xml", true); xhr.send(null); } function alert_ajax(xhr) { var docXML= xhr.responseXML; var items = docXML.getElementsByTagName("donnee") //on fait juste une boucle sur chaque element "donnee" trouvé for (i=0;i<items.length;i++) { alert (items.item(i).firstChild.data); } }
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <exemple> <donnee>Bonjour</donnee> <donnee>Monde</donnee> </exemple>
Partager