Im Beitrag „Kann man den Inhalt einer Python variable nach PHP übergeben?" habe ich gelernt, wie man mit Flask Daten bereitstellt.
Nun möchte ich die sich ständig ändernden Daten auf meiner Webpage darstellen.
Aufgrund meine bescheidenen Kenntnisse / nicht vorhanden Kenntnisse in Ajax komme ich nicht weiter.
Hier mein Code zur Orientierung. (funktioniert nicht)
Quelldaten stehen unter http://91.67.114.141:9000/sensors bereit.
Kann mir jemand beim Formulieren des richtigen Syntax helfen?
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>AJAX und flask</title>
</head>
<body>
<h1>Demo für AJAX und flask</h1>
<p>Die aktuelle Temperatur des Sensors "Umgebung_Aussen" ist <span id=$array[0]°C></span></p>
<p>Die aktuelle Temperatur des Sensors "Speicher_Oben" ist <span id=$array[1]°C></span></p>
<script>
function updateSensors()
{
fetch( "http://91.67.114.141:9000/sensors" )
.then( response => {
if( !response.ok )
throw new Error( "fetch failed" ) ;
return response.json() ;
} )
.then( json.sensors => $array=document.querySelector("#Umgebung_Aussen").textContent, ("#Speicher_Oben").textContent ;
.catch( error => alert(error) ) ;
}
updateSensors() ;
setInterval( updateSensors, 30000 ) ;
</script>
</body>
</html>
Alles anzeigen