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

**achile23** · 24/11/2015, 23h02

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 :

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
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.

**freddou17** · 25/11/2015, 11h48

Salut regardes du coté de l'Ajax, ICI

++

**achile23** · 25/11/2015, 13h00

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.

**freddou17** · 26/11/2015, 09h22

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é?

++

**Kasko** · 30/11/2015, 02h18

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.

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

Struts 2 Java

Vue hybride

Discussions similaires

Partager

Partager