ESP8266 Led-Steuerung fehlende Rückmeldung Schaltzustand

OP #4473881
Lesenswert?
• ▲
▼
Ich teste mit einem Arduino UNO und einem ESP8266-05
mit Hilfe der Sofware
http://allaboutee.com/2015/01/02/esp8266-arduino-led-control-from-webpage/
die Steuerung dreier LEDs über die html-Datei
<html>
  <head>
    <title>ESP8266 LED Control</title>
  </head>
<body>

  <!-- in the <button> tags below the ID attribute is the value sent to 
the arduino -->

  <button id="11" class="led">Toggle Pin 11</button> <!-- button for pin 
11 -->
  <button id="12" class="led">Toggle Pin 12</button> <!-- button for pin 
12 -->
  <button id="13" class="led">Toggle Pin 13</button> <!-- button for pin 
13 -->

  <script src="jquery.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $(".led").click(function(){
        var p = $(this).attr('id'); // get id value (i.e. pin13, pin12, 
or pin11)
        // send HTTP GET request to the IP address with the parameter 
"pin" and value "p", then execute the function
        $.get("http://192.168.0.53:80/";, {pin:p}); // execute get 
request
      });
    });
  </script>
</body>
</html>

Das funktioniert soweit, allerdings fehlt mir für eine Fernsteuerung die 
Rückmeldung der Schaltzustände.

In der ino-Datei habe ich dazu geändert:

  for(pinNumberRueck=11;pinNumberRueck<14;pinNumberRueck++)
     {
     content += " Pin ";
     content += pinNumberRueck;
     content += " is ";

     if(digitalRead(pinNumberRueck))
     {
       content += "ON";
     }
     else
     {
       content += "OFF";
     }
     }
     sendHTTPResponse(connectionId,content);


Wenn ich micht nicht mit  o.g. html-Datei verbinde. sondern durch 
Eingabe der Adresse http://192.168.0.53:80 mit Firefox erhalte
ich als Antwort z.B.
Pin 11 is OFF  Pin12 is ON Pin 13 is ON.

Eine Möglichkeit wäre, zuerst die html-Datei aufzurufen und danach über 
Firefox direkt die Adresse aufzurufen.
Problem dabei ist allerdings, dass sich dabei oft ESP8266 bzw UNO 
irgendwie "aufhängt".

Deshalb meine Frage, wie könnte man die Anzeige in o.g. html-Datei 
einbauen? Sodass der Aufruf
nur mit der html-Datei erfolgt und dabei auch der zurückgegebene Text 
angezeigt wird.

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.