[AJAX] rafraichissement d'un Div en Ajax

Version imprimable

25/05/2006, 12h20
Azanael

[AJAX] rafraichissement d'un Div en Ajax

Bonjour,

Je suis sur un projet J2EE utilisant struts,hibernate et tiles.
J'ai un menu fait avec l'aide de Tiles affichant pour chaque page un header, un menu a gauche, un body et un footer.
Le menu marche parfaitement, le probleme vient lorsque je veux ajouter de l'ajax a tout ca. En effet, actuellement, lorsque je click sur un element du menu, toute la page se rafraichi or j'aimerai rafraichir que le body.
Mon menu fait appel a des actions qui sont affiché dans le body.
Je débute dans tout ca et surtout sur Ajax. J'aimerai pouvoir effectuer mon action comme fait actuellement mais ne pas réafficher toute ma page et simplement afficher le résultat de mon action dans le body.
Actuellement, un lien du menu appel une action qui forward sur un tileDefinition qui modifie la valeur du body. Ensuite la page est actualisé.

Pour ce qui est d'ajax, je ne sais pas vraiment quoi utilisé, j'ai trouvé quelques framework mais j'ai du mal à les integrets a structs, aux actions et tiles. Je me suis dirigé vers XMLHttpRequest mais c'est pas encore ca.

Merci de votre aide.
25/05/2006, 12h25
Swoög

normalement, tu as tout ce qu'il faut dans les tutos du site ;) (les deux premiers de la section JS ^^)
25/05/2006, 13h18
Azanael

J'ai encore un souci :)

J'arrive en utilisant XmlHttpRequest à activer le lien de mon menu puisqu'il passe bien dans mon action et l'execute. Mon probleme arrive pour l'affichage.
En effet, le body de ma page se definie comme tel :

Citation:

<div class="Dbody" id="Dbody">
<tiles:insert attribute="body" />
</div>

Mon probleme est donc de mettre a jour mon div avec le nouveau body.

Mon lien : <a href ='#' onclick='update("listeMembres.do")' >

Struts-config.xml
<action path="/listeMembres" type="action.ListeMembresAction" scope="request" validate="false" name="RechercheMembreForm">
<forward name="Success" path="listeMembresDef" redirect="true" />
</action>

TileDefinitions.xml
<definition name="listeMembresDef" extends="intranetLayout">
<put name="body" value="/intranet/listeMembres.jsp" />
</definition>
25/05/2006, 13h34
FremyCompany

Code:

document.getElementById("Dbody").innerHTML = xmlhttprequest.responseText

Si tu veux convertir du XML en HTML, utilise une page JSP... sans "<html><head></head><body>" et transforme le XML en code HTML.

C'est plus facile que de le faire chez le client.
25/05/2006, 13h45
Azanael

ok merci ca s'affiche, j'ai des petits soucis d'affichage encore a cause de mes tiles et de mon layout mais je vais bien trouvé.

moi perso j'utilise une feuille XSL pour mettre en page le XML

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
 
 
                 // Chargement du XSL, XML et de l'element HTML cible
                var xsl = loadXML(urlXslFile);     
                var xml = http_request.responseXML;
                var target = document.getElementById("<truc>");
 
                try {
                      // navigateur base sur Gecko
                     if (window.XSLTProcessor){
                           var fragment;
                            var xsltProcessor = new XSLTProcessor();
                            xsltProcessor.importStylesheet(xsl);
                        fragment = xsltProcessor.transformToFragment(xml, document);
 
                        target.appendChild(fragment);
                        document.appendChild(target);
                      } 
 
                      // ActiveX pour Internet Explorer
                      else if (window.ActiveXObject) {
                           target.innerHTML = xml.transformNode(xsl);
                      }
                }
                catch (e) {return e;}