Afficher des éléments avec ajax

**jean22** · 30/06/2013, 01h09

mon problème est de affichiez le titre des nouvelles que leur description complète avec Ajax voila mon fichier xml :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

<rss version="2.0"><channel><title>Le fil de presse du Devoir</title><link>http://www.ledevoir.com/</link><description/><language>fr-ca</language><copyright/><lastBuildDate>Mon, 05 Feb 2007 04:00:00 EST</lastBuildDate><ttl>1440</ttl><item><title>Lettres: Clinique privée: le beurre et l'argent du beurre</title><pubDate>Mon, 05 Feb 2007 04:00:00 EST</pubDate><link>http://www.ledevoir.com/2007/02/05/129935.html</link><category>Quebec</category><description>On apprenait récemment dans l'éditorial de Jean-Robert Sansfaçon («M. Couillard doit intervenir», Le Devoir du 27 janvier 2007), d'une part, la création d'une clinique privée utilisant des avenues illégales pour rentabiliser ses services et, d'autre part, le refus du ministre de la Santé d'intervenir pour faire appliquer les règles de la loi 33. On se rend compte que le gouvernement Charest voulait jouer la carte de la social-démocratie en modérant les retombées du jugement Chaoulli, alors qu'en fait il n'avait aucune intention de légiférer dans la création de cliniques privées. <a href="http://www.ledevoir.com/2007/02/05/129935.html">Suite</a></description></item><item><title>La pénurie d'infirmières: un second regard s'impose!</title><pubDate>Mon, 05 Feb 2007 04:00:00 EST</pubDate><link>http://www.ledevoir.com/2007/02/05/129932.html</link><category>Sante</category><description>Établissons d'entrée de jeu que la profession d'infirmière attire beaucoup de jeunes: en 1997, l'Ordre des infirmières et infirmiers du Québec (OIIQ) a délivré 997 permis, alors que l'an dernier nous en avons délivré 2880 pour atteindre un nombre total d'infirmières de 68 754 qui est un sommet historique. Depuis 2002, nous avons un solde positif, c'est-à-dire que nous délivrons plus de permis que le nombre d'infirmières qui partent, à savoir entre 900 et 1145 permis de plus que le besoin de remplacement. <a href="http://www.ledevoir.com/2007/02/05/129932.html">Suite</a></description></item></rss>

j'ai réussie d'affichiez les titres mes j'arrive pas a affichiez les description voila mon code :

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
31
32
33
34
/* Cette fonction va chercher un document XML sur
le serveur et appelle la fonction afficherTitres lorsque
c'est fait! */
function chargeDocument(URI) {
try {
 
 xmlhttp = new XMLHttpRequest();
 xmlhttp.open("GET", URI,true);
 xmlhttp.onreadystatechange=function() {
 if (xmlhttp.readyState==4) {
  afficheTitres(xmlhttp.responseXML);
  }
 }
 xmlhttp.send(null);
 } catch(o) {alert(o);}
}
/* Cette fonction est appelé lorsque le document XML est 
chargé */
function afficheTitres(doc) {
      titres = doc.getElementsByTagName("title");
      elementol = document.createElement("ol");
      var longueur = titres.length;
      for ( k = 0; k &lt; longueur ; ++k) {
        elementli = document.createElement("li");
        elementli.appendChild(
          document.createTextNode(
            titres[k].firstChild.nodeValue
          )
        );
        elementol.appendChild(elementli);
      }
      body = document.getElementsByTagName("body").item(0);
      body.appendChild(elementol);
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<body>
<ul>
<li><a href="javascript:chargeDocument('ledevoir.xml');">Récupère 
et affiche les nouvelles du devoir.</a></li>
</ul>
</body>
</html>

merci pour votre aide .

**NoSmoking** · 30/06/2013, 09h46

Bonjour,
il faut que la structure XML soit conforme, il semblerait qu'il te manque une balise </channel>. Une bonne indentation aide à voir ce genre de choses et une validation n'est pas forcément inutile.

La syntaxe suivante est-elle normale?

for ( k = 0; k < longueur ; ++k) {

**jean22** · 30/06/2013, 14h39

oui j'ai pas mis tout mon code XML il est trop long, pour la syntaxe oui elle est correcte merci .

**NoSmoking** · 30/06/2013, 22h22

J'avais des engrois sur le k < longueur, mais si c'est un faux problème...

Il te faut parcourir TOUTES les balises item pour en retirer le title et les description.

un schéma

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var html='';
var oItem = doc.getElementsByTagName("item");
for( var i=0; i < oItem.length; i++){
 
  var oTitre = oItem[i].getElementsByTagName("title");
  for( var j=0; j < oTitre.length; j++){
    html += '<h2>' + oTitre[j].firstChild.nodeValue +'<\/h2>';
 
     var oDescription = oItem[i].getElementsByTagName("description");
    for( var k=0; k < oDescription.length; k++){
      html += '<p>' +oDescription[k].firstChild.nodeValue +'<\/p>';
    }
  }
}

**jean22** · 01/07/2013, 01h27

ca me donne pas le résultat voila le code je sais pas si j'ai fait ca comme il faut merci :

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
31
32
33
34
35
36
37
38
39
<script language="JavaScript">
 
/* Cette fonction va chercher un document XML sur
le serveur et appelle la fonction afficherTitres lorsque
c'est fait! */
function chargeDocument(URI) {
try {
 
 xmlhttp = new XMLHttpRequest();
 xmlhttp.open("GET", URI,true);
 xmlhttp.onreadystatechange=function() {
 if (xmlhttp.readyState==4) {
  afficheTitresdescriprtions(xmlhttp.responseXML);
 
  }
 }
 xmlhttp.send(null);
 } catch(o) {alert(o);}
}
/* Cette fonction est appelé lorsque le document XML est 
chargé */
function afficheTitresdescriprtions(doc) {
var html='';
var oItem = doc.getElementsByTagName("item");
for( var i=0; i &lt; oItem.length; i++){
 
  var oTitre = oItem[i].getElementsByTagName("title");
  for( var j=0; j &lt; oTitre.length; j++){
    html += '<h2>' + oTitre[j].firstChild.nodeValue +'</h2>';
 
     var oDescription = oItem[i].getElementsByTagName("description");
    for( var k=0; k &lt; oDescription.length; k++){
      html += '<p>' +oDescription[k].firstChild.nodeValue +'</p>';
    }
  }
}
 
 
</script>

**NoSmoking** · 01/07/2013, 22h16

ca me donne pas le résultat...

cela ne renseigne pas vraiment sur le problème que tu rencontres, même si ton code n'est pas très "académique" il devrait fonctionner.

Sur quel navigateur testes tu ?
Pourrais tu décrire plus précisément le non fonctionnement.

**jean22** · 02/07/2013, 02h07

bon pour le programme il donne pas d'erreur , mes quand je le lance sur Firefox j'ais le lien Récupère et affiche les nouvelles du devoir. quand je click sa donne rien sa afficher pas les titres et les description merci

**thelvin** · 02/07/2013, 15h28

Mais... Tu as pensé à en faire quelque chose, de la var html que l'on vient de construire, ou tu pensais qu'elle allait s'ajouter toute seule à la page ?