35 lines
1016 B
HTML
35 lines
1016 B
HTML
<html>
|
|
<body>
|
|
<div id="data"></div>
|
|
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
|
|
<script>
|
|
let socket = new WebSocket("ws://localhost:5000/echo");
|
|
socket.onopen = function(e) {
|
|
console.log("connection established");
|
|
socket.send("Hello World");
|
|
setInterval(function () {socket.send("hello " + Math.random())}, 1000);
|
|
};
|
|
|
|
socket.onmessage = function(event) {
|
|
for (const message of event.data.split("\n")) {
|
|
console.log(`${message}`);
|
|
// variable name in obj.name, Wert der Variablen steht in obj.value
|
|
$('#data').html(`<b/>${message}</b>`);
|
|
|
|
}
|
|
};
|
|
|
|
socket.onclose = function(event) {
|
|
if (event.wasClean) {
|
|
console.log(`connection closed cleanly, code=${event.code} reason=${event.reason}`);
|
|
} else {
|
|
console.log('connection died');
|
|
}
|
|
};
|
|
|
|
socket.onerror = function(error) {
|
|
console.log(`[error] ${error.data}`);
|
|
};
|
|
</script>
|
|
</body>
|
|
</html> |