Daten aus SQL dynamisch auslesen und darstellen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Daten aus SQL dynamisch auslesen und darstellen

    Hallo Forum,

    ich weiß nicht, ob ich in diesem Bereich richtig bin, da mein Thema eigentlich mehrere Themengebiete betrifft.

    Im Rahmen eines Studentenprojektes möchte ich Daten aus einem Sensor auslesen, aufbereiten und im 100ms- Raster in einer Datenbank ablegen.
    Dies alles geschieht auf einem Rechner und funktioniert auch soweit. Der Rechner läuft mit xampp (apache und mysql) und soll später als Webserver in einem lokal aufgebauten Intranet dienen.
    Bis zu dieser Stelle funktioniert alles mehr oder weniger gut.

    Mein Problem besteht nun darin, die Daten aus der SQL-Datenbank (welche auf dem selben Rechner abgelegt ist) in "Echtzeit" auf einer "Homepage" im lokalen Intranet darzustellen - also Quasi eine Box auf der Homepage, die dann anzeigt "Temperatur: 33°C" und der Wert sich kontinuirlich (entsprechend der Änderung in der Datenbank) ändert.
    Da diese Homepage noch nicht existiert, bin ich hier allen Sprachen gegenüber aufgeschlossen - natürlich möglichst einfach.

    Für Anregungen und Ideen wäre ich sehr dankbar!

    Beste Grüße

    Marko

  • Hallo Marko,

    das kannst du am einfachsten mit JavaScript verwirklichen. Würde dann in etwa so aussehen:

    Quellcode

    1. <html>
    2. <head>
    3. <!-- Headdaten -->
    4. </head>
    5. <body>
    6. <!-- Seiteninhalt -->
    7. <div id="temperatur">
    8. </div>
    9. </body>
    10. </html>


    Quellcode

    1. setInterval(loadTemperatur, 100);
    3. function loadTemperatur() {
    4. var http = null;
    5. if (window.XMLHttpRequest) {
    6. http = new XMLHttpRequest();
    7. } else if (window.ActiveXObject) {
    8. http = new ActiveXObject("Microsoft.XMLHTTP");
    9. }
    11. if (http != null) {
    12. http.open("GET", "link_zur_datenbankabfrage_der_temperatur", true);
    13. http.onreadystatechange = function() {
    14. if (http.readyState == 4) {
    16. ausgabe = http.responseText;
    18. document.getElementById("temperatur").innerHTML = ausgabe+" °C";
    19. }
    20. };
    21. http.send(null);
    22. }
    23. }
    Alles anzeigen


    Das ist im Grunde die ganze Funktion.

    Alle 100 Millisekunden wird jetzt der Wert aktuallisiert.

    LG Fipsi