affichage valeur web socket dans un tableau

Bonjour

les valeurs tires du websocket ne s'affichent pas dans le tableau. Je voudrais avoir de l'aide pour voir ce qui se passe s'il vous plait.

j'ai un serveur qui envoi des donnees sous cette forme

void loop() {

float t = dht.readTemperature();

float h = dht.readHumidity();

String stringOne = String(t);

String stringTwoo = String(h);

String stringTemperature = " { \"temperature\" :" ;

String stringHumidite = " ,\"humidite\" :" ;

String f = "}" ;

String data = stringTemperature + stringOne + stringHumidite + stringTwoo + f;

et mon code html est la suivante mais je cloque dans l'affichage dans le tableau

<!DOCTYPE HTML>

<html>

<head>

function WebSocketTest()

{

var jsz ;

if ("WebSocket" in window)

{

alert("WebSocket is supported by your Browser!");

// Let us open a web socket

var ws = new WebSocket("ws://192.168.2.25/80");

ws.onopen = function()

{

Web Socket is connected, send data using send()

ws.send("Message to send");

alert("Message is sent...");

};

ws.onmessage = function (evt)

{

var received_msg = evt.data;

obj = JSON.parse(received_msg);

alert("Message is received...");

document.writeln("voici le message : " + "temperature" + obj.temperature + "humidite"+ obj.humidite );

jsz = obj.temperature ;

};

ws.onclose = function()

{

// websocket is closed.

alert("Connection is closed...");

};

window.onbeforeunload = function(event) {

socket.close();

};

}

else

{

// The browser doesn't support WebSocket

alert("WebSocket NOT supported by your Browser!");

}

document.writeln("voici le message +++++++++++++ : " + jsz);

return jsz ;

// document.writeln("voici le messagexxx : " + "temperaturexxx" + jsz.temperature + "humiditexxx"+ jsz.humidite );

}

</script>

</head>

<body>

retourFonction = WebSocketTest() ;

<a href="javascript:WebSocketTest()">Run WebSocket</a>

<table>

<caption>les valeurs du capteur</caption>

<tr>

<th>unite</th>

<th>valeurs</th>

</tr>

</thead>

<tbody> 

<tr>

<td>Temperature</td>

<td>retourFonction.temperature</td>

</tr>

<tr>

<td>Humidite</td>

<td>retourFonction.humidite</td>

</tr>

</tbody>

</table>

</div>

</body>

</html>

-
Edité par ledouxxx 22 avril 2018 à 5:15:04

websocket client javascript html

affichage valeur web socket dans un tableau

Supprimer

Modérer

Signaler le message aux modérateurs