Rafraichir le contenu d'une table sans rafraichir l'intégralité de la page

Très urgent !

je suis débutant en programmation JEE, j'affiche des données que je récupère de ma base de données dans une table sur mon fichier jsp. Je veux appliquer des filtre de recherche (onchange évènement sur un sélecteur), et je veux que seul le contenu de ma table soit rafraichi. Que dois utiliser ? j'ai cherché sur internet et les codes n'était pas vraiment correspondant à ce que ce que je cherche.

voici mon code :

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
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<%@taglib uri="/struts-tags" prefix="s"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Titre</title>
 
<s:head/>
 
<style type="text/css">
@import url(style.css);
</style>
 
</head>
<body> 
 
 
<div>
	<s:form action="filtreRegionByName">
	<s:select label="Selectionner Région" headerKey="-1" headerValue="-----Région-----" list="regionNameList"  name="frName" onchange="submit()"/>
	</s:form>
</div>
 
<s:if test="regionList.size() > 0">
	<div class="tableaux">
	<table class="regionTable" cellpadding="5px">
		<tr class="even">
			<th>Code</th>
			<th>Nom</th>
			<th>Chef Lieu</th>
			<th>Superficie</th>
		</tr>
		<s:iterator value="regionList" status="regionStatus">
			<tr
				class="<s:if test="#regionStatus.odd == true ">odd</s:if><s:else>even</s:else>">
				<td><s:property value="codeReg" /></td>
				<td><s:property value="nomReg" /></td>
				<td><s:property value="chefLieu" /></td>
				<td><s:property value="superficie" /></td>
				<s:url namespace="/" action="setRegion" var="lienSet">
					<s:param name="codeReg">
						<s:property value="codeReg"/>
					</s:param>
				</s:url>
				<s:url namespace="/" action="deleteRegion" var="lienDelete">
					<s:param name="codeReg">
						<s:property value="codeReg"/>
					</s:param>
				</s:url>
				<s:url namespace="/" action="initialiseDepartement" var="lienDep">
					<s:param name="codeReg">
						<s:property value="codeReg"/>
					</s:param>
				</s:url>
				<td><s:a href="%{lienSet}">Modifier</s:a></td>
				<td><s:a href="%{lienDelete}">Supprimer</s:a></td>
				<td><s:a href="%{lienDep}"  target="_blank">Départements</s:a></td>
			</tr>
		</s:iterator>
	</table>
	</div >
		<div style="width:300px;border: 2px solid black" class="tableaux">
			<s:form method="post"  action="addRegion">
			<s:textfield name="region.codeReg" label="Code Région" cssClass="t1"/>
			<s:textfield name="region.nomReg" label="Région" cssClass="t1"/>
			<s:textfield name="region.chefLieu" label="Chef Lieu" cssClass="t1"/>
			<s:textfield name="region.superficie" label="Superficie" cssClass="t1"/>
			<s:submit value="Enregistrer"/>
		</s:form>
	</div>
 
</s:if>
 
</body>
</html>

merci.

Salut regardes du coté de l'Ajax, ICI

++

merci, mais vous m'envoyer explorer la planète Ajax, et là je suis dans l'urgence d'avoir un tuto ou un code qui ressemblerai à ce que je veux.

Avec google, tu peux déjà t'en sortir je pense

https://www.google.fr/search?q=strus...=struts+2+ajax

dis moi quel est ton niveau en AJAX? En as tu déjà implémenté?

++

Salut,
Si le sujet est toujours d'actualité,ne pense même pas à la fonction "onChange = submit()" si tu ne veux pas que la page se rafraichisse car tel est le but de cette fonction.Tu peux résoudre ton souci avec cette fonction mais mon ami je t'assure que tu vas avoir affaire à des jonglages et soit sûr que la page va se rafraichir.