Traiter une reponse xml

**gloglo** · 06/05/2008, 15h25

Bonjour,

Je commence à faire mes premiers pas en ajax et la je rencontre pas mal de soucis (Plutot des trucs que je ne
comprend pas).

J'ai un tableau dans ma page qui contient des données qui doivent être rafraichis de manière transparente par rapport au client

Puisque mon tableau contient plusieus données qui doivent être rafraichit, je dois traiter la reponse sous forme XML.

Dans mon action Struts (eq servlet java) je crer et je rempli ma reponse xml

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
/* Création et remplissage de la reponse xml */
            StringBuffer returnXML = null;
                returnXML = new StringBuffer("\r\n<response>");
                returnXML.append("\r\n<spot>"+spot+"</spot>");                
                returnXML.append("\r\n</response>");
 
                //initialisation de la reponse
                response.setContentType("text/xml");
                response.setHeader("Cache-Control","no-cache");
                //envoie la chaine XML (reponse serveur au client ajax)
                response.getWriter().write(returnXML.toString());                
                //afficher le contenu de returnXML :

quand j'affiche sur la sortie standard ma reponse j'ai bien ceci :

Code :

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

1
2
3
<response>
<spot>4988.0</spot>
</response>

Maintenant, je veux traiter la reponse dans mon js mais je ne vois pas du tout comment faire. Deja, comment passer à mon fichier js la reponse ?
et ensuite comment la traiter.

Voici mon fichier :

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
var myLocale;
// Ce tableau va servir pour stocker les spots afin de les colorier
var underlyingArray = new Array();
var nom=new Array();
    var valeur=new Array();
 
    // On enlève le ?
    param = window.location.search.slice(1,window.location.search.length);
 
    // On sépare le paramètres....
    // first[0] est de la forme param=valeur
 
    first = param.split("&");
 
    for(i=0;i<first.length;i++){
        second = first[i].split("=");
        nom[i] = second[0];
        valeur[i] = second[1];
    }
 
var underlyingID =  valeur[1];
 
function topflop(locale) {
      if(locale && locale.length > 0)
        myLocale = locale;    
 
      var bindArgs = {
          url: "topturboday.do?underlyingID="+underlyingID+"&loc=" + myLocale,
          method: "get",
          mimetype: "text/xml",
          load: function(type, data) {    
             refreshData(data);
             }
         };
 
      dojo.io.bind(bindArgs);     
      runId = setTimeout("tradingfut()", 5000);
}
 
function refreshData(data) {
   var target = document.getElementById("tradingfut");   
 
   target.innerHTML = data; 
      var previousSpot = underlyingArray[0];      
      var newSpot = document.getElementById("tradingfut").innerHTML;         underlyingArray[0] = newSpot;
     if(previousSpot < newSpot) {
          dojo.lfx.html.highlight(document.getElementById("tradingfut"),  "#00B440", 1500).play();
      }
      else if(previousSpot > newSpot){
          dojo.lfx.html.highlight(document.getElementById("tradingfut"),  "#DE0000", 1500).play();
      }
   //dojo.lfx.html.highlight(document.getElementById("tradingfut"),  "#00B440", 1500).play();
}

Merci à tous

**jpclutier** · 06/05/2008, 16h07

Regarde les tutoriels sur XMLHTTPRequest...

**gloglo** · 06/05/2008, 16h30

j'ai regardé et dans les tutoriaux ils mettent ça url: "content.xml",
alors que moi j'ai besoin qu'i appaelle l'url

**DoubleU** · 06/05/2008, 17h29

Ta réponse qui est dans data est un arbre xml, donc tu peux la parser avec les méthodes du dom de javascript (ou des méthodes de dojo, je connais pas mais j'ai cru comprendre que ca existaait).

Quelque chose comme ca :

Code :

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

1
2
3
load: function(type, data) {	
	var spot = data.getElementsByTagName("spot")[0].firstChild; // =4988.0
         	}

**gloglo** · 07/05/2008, 08h53

ok merci, maintenant, je recupere bien l'arbre xml, en faisant
alert(data) je vois bien :

Code :

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

1
2
3
<response>
<spot>7062.0</spot>
</response>

par contre ce que je ne comprend pas, comment mon champs spot est mis à jour correctement, normalement ile le devrait pas puisque la reponse retourne tout un arbre alors que dans mon cas le spot est bien mis à jour avec la valeur 7062.0.

pour rappel voici 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
var myLocale;
// Ce tableau va servir pour stocker les spots afin de les colorier
var underlyingArray = new Array();
//alert("coucou trading fut");
var nom=new Array();
    var valeur=new Array();
 
    // On enlève le ?
    param = window.location.search.slice(1,window.location.search.length);
 
    // On sépare le paramètres....
    // first[0] est de la forme param=valeur
 
    first = param.split("&");
 
    for(i=0;i<first.length;i++){
        second = first[i].split("=");
        nom[i] = second[0];
        valeur[i] = second[1];
    }
 
var underlyingID =  valeur[1];
 
function topflop(locale) {
      if(locale && locale.length > 0)
        myLocale = locale;	
		//alert( "topturboday.do?underlyingID="+underlyingID);
      var bindArgs = {
      	url: "topturboday.do?underlyingID="+underlyingID+"&loc=" + myLocale,
      	method: "get",      
      	load: function(type, data) {
		  //Data est la reponse qui est retournée 
		  alert(data);
		 // var nodes = data.getElementsByTagName("response")[0].firstChild;
		//  alert(nodes.length);
 
		 	refreshData(data);
         	}
         };
 
      dojo.io.bind(bindArgs);	 
      runId = setTimeout("topflop()", 5000);
}
 
function refreshData(data) {
   var target = document.getElementById("topflop");	
 
   //target.innerHTML = dojo.dom.innerXML(html);  
  target.innerHTML = data; 
	  var previousSpot = underlyingArray[0];	  
	  var newSpot = document.getElementById("topflop").innerHTML;	
		//alert(newSpot);
	 underlyingArray[0] = newSpot;
	 if(previousSpot < newSpot) {
          dojo.lfx.html.highlight(document.getElementById("topflop"),  "#00B440", 1500).play();
      }
      else if(previousSpot > newSpot){
          dojo.lfx.html.highlight(document.getElementById("topflop"),  "#DE0000", 1500).play();
      }
   //dojo.lfx.html.highlight(document.getElementById("topflop"),  "#00B440", 1500).play();
}

par contre je ne compred pas pourquoi :

Code :

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

var spot = data.getElementsByTagName("spot")[0].firstChild;

ne marche pas

**DoubleU** · 07/05/2008, 09h32

Parce que si alert(data) t'affiche l'abre, ca veut dire que data est une string, et pas un noeud xml, donc mon code ne peut pas marcher.

Désolé, je ne connais pas dojo, j'avais cru que ca retournait du xml.

**gloglo** · 07/05/2008, 14h11

Ok merci DoubleU, ta reponse m'a aidé à comprendre beaucoup plus.

J'ai donc changé pour faire ceci :

Code :

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

1
2
3
4
5
6
7
8
 var bindArgs = {
      	url: "topturboday.do?underlyingID="+underlyingID+"&loc=" + myLocale,
      	method: "get", 
		mimetype: "text/xml",
      	load: function(type, data) {
		alert(data);
		alert("555555"+dojo.dom.isNode(data));
		alert("66666"+dojo.dom.nextElement(data));

et la le alert(data) sous IE me dit [object],
alert("555555"+dojo.dom.isNode(data)) me dit node
et alert("66666"+dojo.dom.nextElement(data)) me donne null, je ne comprend pas pourquoi et var spot = data.getElementsByTagName("spot")[0].firstChild; me retourne rien du tout.

**DoubleU** · 07/05/2008, 15h14

Sous ie, si tu fais alert(data.xml); tu obtiens quoi?

**gloglo** · 07/05/2008, 16h18

Lorsque je fais alert(data.xml), j'obtient ceci
<response>
<spot>7062.0</spot>
</response>

**DoubleU** · 07/05/2008, 16h56

Mouais, je sais pas trop alors pourquoi t'as rien.

La fonction .xml sous IE permet d'afficher le contenu xml du noeud sous une forme sympathique, donc ca veut dire que tu récupères a priori bien tes données comme il faut.

J'ai testé en créant un noeud xml a partir de la chaine que tu reçois, et avec data.getElementsByTagName("spot")[0].firstChild; normalement on attrape bien 7062.0.

Je sais pas pourquoi ca marche pas, ca vient peut être de Dojo qui modifie l'objet. Je ne peux que te conseiller de te plonger dans la doc.

**gloglo** · 07/05/2008, 17h11

Merci DoubleU, je ne comprend pas non plus, en plus quand je fais ceci :

Code :

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

var value = dojo.dom.textContent(data);

ça m'affiche 7062.0.

J'ai donc et pour mieux comprendre rajouter ceci dans mon XML :

Code :

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

1
2
3
4
<response>
<spot>7062.0</spot>
<perf>0.23652365</perf>
</response>

du coup

Code :

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

var value = dojo.dom.textContent(data); alert(value);

me retourne :
7062.00.23652365

**gloglo** · 07/05/2008, 17h19

Tu peux me dire comment tu as crée le noeud xml stp ? merci

**DoubleU** · 07/05/2008, 18h08

Avec la fonction que j'avais donné ici

Traiter une reponse xml [Dojo]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager