[AJAX] Afficher la changement d'une valeur en temps réel

**sihamnet** · 08/03/2014, 00h43

Bonjour,

comment puis je afficher des valeurs dans un composants HTML d'une façon permanente , c-à-d afficher la première , la faire disparaître puis afficher la deuxième et la faire disparaître et ainsi de suite (d'une façon à sentir qu'on regarde la changement d'une valeur en temps réel )

les valeurs que je veux afficher sont stocker dans un champ d'une table dans la base de donnée

**NoSmoking** · 08/03/2014, 15h51

Bonjour,
pas tout bien compris mais en attendant

Comprendre les mécanismes d'AJAX

Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

parmi ce que l'on peut trouver sur
Les meilleurs cours et tutoriels pour apprendre l'AJAX

**sihamnet** · 08/03/2014, 18h02

je m'explique :

je travaille sur une application J2EE dont l'objectif est de superviser les paramètres climatiques des sous serres ,ces paramètres climatiques sont par exemple l'humidité et la température , ils sont stockés automatiquement dans la base de donnée à partir du fichier généré par le capteur de la serre .

mon problème consiste à sélectionner les valeurs de ses paramètres de la base de donnée, l'une après l'autre, dans une page JSP , d'une façon permanente.

j'espère que c'est plus claire maintenant

**NoSmoking** · 08/03/2014, 19h54

La technique Ajax me semble effectivement une bonne solution avec une interrogation à intervalles réguliers.

Alors à ton clavier, les exemples ne manquent pas à commencer par le 2_éme lien fourni.

**sihamnet** · 08/03/2014, 22h38

Envoyé par NoSmoking

Alors à ton clavier, les exemples ne manquent pas à commencer par le 2_éme lien fourni.

merci pour tes conseils ,

en faite je ne connais rien sur l'AJAX , et je dois trouver la solution à mon problème en moins d'un jour,
si vous pouvez me proposer un exemple du code que je puisse adapter à mon cas je te serais très reconnaissante .

Invité · 09/03/2014, 10h51

Un tchat en AJAX c'est 10/100/1000 personnes qui écrivent en même temps dans le monde et toi tu vois les messages
arriver au fur et a mesure, il sagirait de données d'un ordre scientifique ou autre ce serait le même mécanisme non ?
Alors lit ce TOPO

Tu saura tout faire ... (désolée pour ma pub perso

)
http://christele.developpez.com/tuto...ajax-en-clair/
Bon dimanche

**sihamnet** · 09/03/2014, 12h19

ce n'est pas du tchat que je veux faire

c'est juste afficher les valeurs d'une colonne de la base de donnée dans une JSP , une par une mais d'une manière à ce que la première valeur s'affiche puis la deuxième s'affiche au lieu de la première et ainsi de suite ; dont le but d'avoir l'impression que le paramètre(exemple température) change en temps réel

Invité · 09/03/2014, 12h31

Mais c'est strictement pareil !! de même que cette méthode permet de faire une horloge temps réel
Si tu lisait cet article et si tu en comprends le mécanisme,un peut d'imagination et le tour est joué !

**sihamnet** · 10/03/2014, 04h32

désespérée

(puisque j'arrive pas à comprendre l'ajax au moins d'un jour ) j'ai essayé de faire la solution d'une autre manière avec java et javascript :
chaque fois que je sélectionne une ligne de la base de donnée je crée un input html et je la met dedans

donc j'ai penser à supprimer l input après son affichage , et créer un nouveau où je met le resultat de la deuxième ligne et ainsi de suite sans que l input change de place, mais c'est le premier input qui est supprimer et tout les autres sont créés et ils contiennent des valeurs de la bdd .

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
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page import="dao.Connexion"%>
<%@page import="java.sql.*"%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
function remove(){
	var oo = document.getElementById("temp");
	oo.remove();
}
</script>
</head>
<body onload="remove();">
<%!Connexion cn ; ResultSet rs; String temp;  %>
<%
   cn = new Connexion("serredb");
  rs = cn.lire("SELECT * FROM `capteur1`");  
 
	while(cn.getrs().next())
	  {
	     temp = cn.getrs().getString(4);
%>
			<input type="text" id="temp" value="<%=temp %>" readonly ></input>
<% 
	     System.out.println(temp);
	  }
 
	System.out.println("erreur!");
   %>
 
</body>
</html>

Invité · 10/03/2014, 09h47

Désolée, je ne connais pas ce langage, reposes vite ta question sur le forum java, ils sauront vite t'aider

Invité · 18/03/2014, 17h17

votre boucle :

Code Java :

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

1
2
3
4
5
6
7
8
9
 
while(cn.getrs().next())
	  {
	     temp = cn.getrs().getString(4);
%>
			<input type="text" id="temp" value="<%=temp %>" readonly ></input>
<% 
	     System.out.println(temp);
	  }

génère un nombre d'input, avec le même id "temp", équivalent au nombre de résultats de votre requête.
Or en HTML, chaque id d'élément DOM doit être unique.
Le résultat, c'est qu'à chaque fois que le code est invoqué

Code JS :

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

var oo = document.getElementById("temp");

C'est toujours le premier élément qui porte l'id temp qui est pris en compte.
Générez des id avec un indice, par exemple temp1, temp2, etc, pour éviter ce problème.

[AJAX] Afficher la changement d'une valeur en temps réel

AJAX

Discussions similaires

Partager

Partager