Discussion :

[zilis]

Bonjour ;
J'ai une page jsp qui affiche le contenu d'une table_1.
et dans cet page une "select ou combobox "qui charge apartir d'un autre table_2
Alors que l'utilisateur consulte une page le contenu de la table_2 change sur une seconde par seconde base.
Ainsi, l'utilisateur doit actualiser la page à chaque fois pour voir le contenu frais et mis à jour. Comment puis-je mettre à jour le contenu de la page jsp sans avoir à rafraîchir la page.
merci

[VirgApps]

Bonjour,
je ne suis pas certain d'avoir bien compris le problème mais en Javascript (ou par appel ajax si les données proviennent du serveur) cela n'est pas possible ?

[zilis]

bonjour ,
je veux faire la mis à jour du combobox par les nouveaux valeurs du table qui charge cet combobox.
sans rafrichir mon page jsp, just quand je clic sur le bouton refresh qui appel la méthode qui charge et se trouve dans la servlet arraylist qui remplir la combobox..
merci d'aider moi

[jeffray03]

salut,
peux-tu nous donner le code de la page que tu veux rafraichir ?

Eric

[zilis]

bonjour;
dans la page jsp le code c'est :

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
 
<%ArrayList<Image>  images = (ArrayList<Image>) request.getAttribute("images");%>
<form  name="AddLogoClient" id="AddClientform"  method="post" action="UpLoadImages">
<select id="CustomerLogo"name="Add_user_resources">
	<option value="">select logo</option>
	<% File folder = new File(getServletContext().getRealPath("/")+ "/"+ResourcesPath);
              if(images !=null)
               {
                for(Image image : images) {
                %>
		<option value="CustomerLogo=dislsrv/<%=ResourcesPath%>/<%=image.getImageName()%>" >
		<%=image.getImageName()%>
		</option>
		<%} } 
                else {
                        folder = new File(getServletContext().getRealPath("/")+"/imageres");
                        File[] listOfFiles = folder.listFiles();
                        if(listOfFiles != null && listOfFiles.length>0){
                        for (int i = 0; i < listOfFiles.length; i++) {
                        if (listOfFiles[i].isFile()) {
                        %>
			<option value="CustomerLogo=dislsrv/imageres/<%=listOfFiles[i].getName()%>">
				<%=listOfFiles[i].getName()%>
			</option>
			<%
                        } } }}
                        %>
</select>
		<input type=button id="refrech" value='refrech'>
</form>

dans la servlet c'est :

Code :

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

1
2
3
 
ArrayList<Image>  images= ImageOperations.getAllImage(clientId) ;
request.setAttribute("images", images);

[Oussapik]

Salut,

Il faut bien garder à l'idée que ton "ArrayList" est un objet dans ta JVM sur le serveur et ne sera jamais visible du client.
L'idée serait donc de fournir un autre endpoint (ton endpoint principal serait mapage.jsp et celui-ci meobjettables2.jsp ou plutôt tout autre nom le représentant mieux) qui te retourne les éléments de ta seconde table (ceux pour ta combo box) sous un format que tu détermineras (JSON me paraît être un bon candidat). Ensuite, par un appel Javascript (qui serait appelé à intervalles réguliers ou bien par l'appui sur un bouton), tu appelles ce endpoint et met à jour la combo box.
Tu trouveras beaucoup de doc sur la façon d'appeler ce endpoint en Javascript en utilisant AJAX.

A+

[zilis]

bonjour ;
j'ai essayé de faire ce code mais toujour la page submit ????

page jsp

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
 
<script type="text/javascript"> 
        var form = $('#AddClientform');
    $(document).ready(function(){
    $('#refrech').click(function(){  
                $.ajax({  
                    url:'StoreClient',  
                    type:'post', 
                    Request : "refrechLogos", 
                    data: $(form).serialize(),  
                    success: function(data) {  
                        $('#CustomerLogo').val(data);  
                         
                    }  
                });  
            });  
    });  
</script>

servlet :

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
 
				ArrayList<Image>  images= ImageOperations.getAllImage(clientId) ;
				PrintWriter out = response.getWriter();
		        	JSONObject json = new JSONObject();
		        	if (images!=null&&images.size()>0) 
		        	{
		        		String jsonData="<select id='CustomerLogo' name='Add_user_resources'>";
		        			   jsonData+="<option value=''>";
		        			   jsonData+=" select ... ";
		        			   jsonData+="<option/>";
			        	for (int i = 0; i < images.size(); i++) 
			        	{
			        		jsonData+="<option value=imageres/logos/"+images.get(i).getImageName()+">"+images.get(i).getImageName() +"<option/>";
			        	}
			        	jsonData+="<select/>";
			        	json.put("CustomerLogo",jsonData.toString().trim());
			        	out.write(jsonData);
		        	}