Advertisement
noam76

send sensors ajax html

Feb 22nd, 2021 (edited)
1,170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  <p id="temperature">Temperature: </p>
  2.  
  3.  -- remove this line --
  4.  --> <p id="humidity">Humidity: </p>
  5.  
  6.  -- add lines
  7.  <p><span id="t0"></span><span id="s0"></span></p>
  8.  <p><span id="t1"></span><span id="s0"></span></p>
  9.  <p><span id="t2"></span><span id="s2"></span></p>
  10.  <p><span id="t3"></span><span id="s3"></span></p>
  11.  <p><span id="t4"></span><span id="s4"></span></p>
  12.  
  13. <script type="text/javascript">
  14.    refresh();
  15.    setInterval(refresh, 1000);
  16.    function refresh(){
  17.      refreshSoilHumidity();
  18.      refreshSolenoid();
  19.      refreshPump();
  20.    }
  21.  
  22.    function refreshSoilHumidity(){
  23.      var xmlhttp = new XMLHttpRequest();
  24.      xmlhttp.onreadystatechange = function() {
  25.        if (xmlhttp.readyState == XMLHttpRequest.DONE && xmlhttp.status == 200){
  26.         const parsedData = JSON.parse(xmlhttp.responseText);
  27.         document.getElementById("t0").innerHTML = "SoilHumidity Sensor 0: " + parsedData.t0 + "%";
  28.         document.getElementById("t1").innerHTML = "SoilHumidity Sensor 1: " + parsedData.t1 + "%";
  29.         document.getElementById("t2").innerHTML = "SoilHumidity Sensor 2: " + parsedData.t2 + "%";
  30.         document.getElementById("t3").innerHTML = "SoilHumidity Sensor 3: " + parsedData.t3 + "%";
  31.         document.getElementById("t4").innerHTML = "SoilHumidity Sensor 4: " + parsedData.t4 + "%";
  32.        }
  33.      };
  34.      xmlhttp.open("GET", "/SoilHumidity", true);
  35.      xmlhttp.send();
  36.    }
  37.  
  38.    function refreshSolenoid(){
  39.      var xmlhttp = new XMLHttpRequest();
  40.      xmlhttp.onreadystatechange = function() {
  41.        if (xmlhttp.readyState == XMLHttpRequest.DONE && xmlhttp.status == 200){
  42.         const parsedData = JSON.parse(xmlhttp.responseText);
  43.         document.getElementById("s0").innerHTML = "Solenoid State 0: " + parsedData.s0;
  44.         document.getElementById("s1").innerHTML = "Solenoid State 1: " + parsedData.s1;
  45.         document.getElementById("s2").innerHTML = "Solenoid State 2: " + parsedData.s2;
  46.         document.getElementById("s3").innerHTML = "Solenoid State 3: " + parsedData.s3;
  47.         document.getElementById("s4").innerHTML = "Solenoid State 4: " + parsedData.s4;
  48.        }
  49.      };
  50.      xmlhttp.open("GET", "/Solenoid", true);
  51.      xmlhttp.send();
  52.    }
  53.  
  54.    function refreshPump(){
  55.      var xmlhttp = new XMLHttpRequest();
  56.      xmlhttp.onreadystatechange = function() {
  57.        if (xmlhttp.readyState == XMLHttpRequest.DONE && xmlhttp.status == 200){
  58.         document.getElementById("pumpState").innerHTML = "Pump State: " + this.responseText;
  59.        }
  60.      };
  61.      xmlhttp.open("GET", "/pump", true);
  62.      xmlhttp.send();
  63.     }
  64.  </script>
  65.  
  66. void getSoilHumidity() {
  67.   // Channel 0 (C0 pin - binary output 0,0,0,0)
  68.   digitalWrite(S0,LOW); digitalWrite(S1,LOW); digitalWrite(S2,LOW); digitalWrite(S3,LOW);
  69.   sensor0 = analogRead(SIG);
  70.   sensor1 = 532;
  71.   sensor2 = 200;
  72.   sensor3 = 150;
  73.   Serial.println(sensor0);
  74.   String json = "{\"temperature\":"+String(sensor0)+"}";
  75.   server.send (200, "application/json", json);
  76. }
  77.  
  78. void driveSolenoid() {
  79.   solenoidState0 = solneoidStatus(sensor0, solenoid0);
  80.   solenoidState1 = solneoidStatus(sensor1, solenoid1);
  81.   solenoidState2 = solneoidStatus(sensor2, solenoid2);
  82.   solenoidState3 = solneoidStatus(sensor3, solenoid3);
  83.   solenoidState4 = solneoidStatus(sensor4, solenoid4);
  84.  
  85.   String json1 = "{\"s0\":" + String(solenoidState0) + ",\"s1\":" + String(solenoidState1) + ",\"s2\":" + String(solenoidState2) + ",\"s3\":" + String(solenoidState3) + ",\"s4\":" + String(solenoidState4)+ "}";
  86.   server.send (200, "application/json", json1);
  87. }
  88.  
  89. void refreshPump() {
  90.   String h = "send text";
  91.   server.send(200, "text/plain", h);
  92. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement