Discussion :

[Azanael]

Bonjour,

J'aimerai ajouter de l'AJAX à mon site J2EE. Pour cela, j'utilise XMLHTTPRequest. Pour tout ce qui est lien et bouton, pas de probleme. En revanche je ne sais pas comment faire avec un formulaire et un bouton submit. Pour expliquer un peu mieu, ma page principale est coupée en 3. un header, un menu et un body. En utilisant Ajax, je ne refresh que mon body sans toucher à mon header et mon menu. En gros ma question est comment transmettre mon formulaire par mon XMLHTTPRequest.

Merci de votre aide.

TilesDefinitions :

<component-definitions>
<definition name="intranetLayout" path="intranetLayout.jsp">
<put name="header" value="header.html" />
<put name="menu" value="menu.jsp" />
<put name="body" value="" />
</definition>

<definition name="listeMembresDef" path="listeMembres.jsp"/>

struts-config.xml :

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

Formulaire :

<html:form action="listeMembres" method="post" >
<table>
<tr>
<td>
<html:text property="field" />
<html:select property="type">
<html:option value="0">NOM</html:option>
<html:option value="1">Prénom</html:option>
</html:select>
<input type="submit" value="Rechercher" />
</td>
</tr>
</table>
</html:form>
<html:javascript formName="RechercheMembreForm" />

[Etanne]

Ma fonction Ajax :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function SendRequest(fichier)
 {
	 if(window.XMLHttpRequest) // FIREFOX
		  xhr_object = new XMLHttpRequest(); 
	 else if(window.ActiveXObject) // IE
		  xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
	 else 
		  return(false); 
	 xhr_object.open("GET", fichier, false); 
	 xhr_object.send(null); 
	 if(xhr_object.readyState == 4) return(xhr_object.responseText);
	 else return(false);
 }

Exemple de 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
<script language="javascript">
function Validation()
{
 requete = "monfichier.php?nom="+document.form1.nom.value;
 requete = requete + "&prenom="+document.form1.prenom.value;
 SendRequest(requete);
}
</script>
[...]
<form name="form1">
Nom: <input name="nom" type="text" /><br />
Prénom : <input name="prenom" typr="text" /> <br />
<input type="button" value="Valider" onclick="Validation()" />
</form>

[_beber85]

Euhh je peux te poser une question, pour tu as ajouter du struts pour gerer ton formulaire si tu ne l'utilise meme pas pr la soumission ou la validation ??

Tu peux très bien le soumettre en JS ms à ce moment la n'utilise pas du tout Struts qui ne t'apporte plus rien ...

[FremyCompany]

return xhr.responseText ==> Reponse du serveur sans actualisation de la page.... Très utile au contraire...

[_beber85]

bah je suis d'accord que ajax est très utile pr faire des appels asynchrone sans rechargement complet mais si c'est pour l'utiliser dans le cas d'une soumission complete d'un formulaire alors il faut utiliser soit AJAX, soit Struts mais pas les 2 car en l'occurance tu integres un niveau de complexité (struts) qui ne t'apporte rien ... car tu ne l'utilises pas

[FremyCompany]

Tu as raison, je n'y avais pas pensé...
==> Double sumbit désiré ?