XMLHttpRequest ne fonctionne pas [Résolu]

[skandaboy]

Bonjour,

J'ai un pb qu eje n'arrive pas à résoudre car débutant ne AJAX. Voila j'essaie d'afficher des annonces à partir de ma base Mysql avec PHP.
PHP me retourne un flux xml comme cidessous:

Code xml :

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
<?xml version="1.0" encoding="iso-8859-1"?>
<liste>
<annonce>
<image>img795313758860</image>
<prix>12</prix>
<description>sdgfdfgfgdhlihjolk...</description>
<vendeur>sqertrez</vendeur>
<email>dfgtrde@sdfgds.gt</email>
<telephone>234435654</telephone>
<ville></ville>
</annonce>
<annonce>
<image>img332272103775</image>
<prix>45</prix>
<description>lihydusfoiyueqo....</description>
<vendeur>dsfqtgre</vendeur>
<email>serftet@sqdf.fr</email>
<telephone>076543324</telephone>
<ville></ville>
</annonce>
<annonce>
<image>img045889465899</image>
<prix>45</prix>
<description>lihydusfoiyueqo....</description>
<vendeur>dsfqtgre</vendeur>
<email>uisqytifr@dsqfq.fr</email>
<telephone>076543324</telephone>
<ville></ville>
</annonce>
</liste>

Mais qd je veux afficher ces données dans ma page html avec javascript ça ne marche pas! Coomment faire? Voici mon code JS:

Code :

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
<script type="text/javascript">
                    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                        var xmlhttp = new XMLHttpRequest();
                    }
                    else {// code for IE6, IE5
                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    xmlhttp.onreadystatechange = function(){
                        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                            var docXML = xmlhttp.responseXML;
                            var tabItem = docXML.getElementsByTagName("annonce");
 
                            for (i = 0; i < tabItem.Length; i++) {
                                var image = tabItem[i].getElementsByTagName("image")[0].childNodes[0].nodeValue;
                                var description = tabItem[i].getElementsByTagName("description")[0].childNodes[0].nodeValue;
                                var prenom = tabItem[i].getElementsByTagName("prenom")[0].childNodes[0].nodeValue;
                                var adressemail = tabItem[i].getElementsByTagName("adressemail")[0].childNodes[0].nodeValue;
                                var telephone = tabItem[i].getElementsByTagName("telephone")[0].childNodes[0].nodeValue;
                                //var ville=tabItem[i].getElementsByTagName("ville")[0].childNodes[0].nodeValue;
 
                                //document.write("<img src="../miniatures/"+image+".jpg>"");
                                document.write("<span>" + description + "</span><br />");
                                document.write("<span>" + prenom + "</span>");
                                document.write("<span>" + adressemail + "</span>");
                                document.write("<span>" + telephone + "</span>");
                                document.write("<span>" + ville + "</span>");
 
                                document.write('<hr>');
                            }
                        }
                    }
                    xmlhttp.open("GET", "ExtraireAnnonce.php", true);
                    xmlhttp.send(null);
 
                </script>

Je ne sais vraiment pas ou se trouve l'erreur. ça m'affiche une page vide et Firebug ne m'indique rien!

[andry.aime]

Bonsoir,

<ville></ville>

Si le tag est vide, tu dois utiliser

Code xml :

<ville/>

N'utilise pas document.write mais utilise un innerHTML dans un div.

Bon nuit

[skandaboy]

Merci pour ton aide Andry. ça marche. il me reste plus qua essayer d'afficher toutes les données et à les arranger avec du CSS pour faire une jolie page html.