File size: 1,870 Bytes
58f870a
 
 
 
 
 
 
5e8ef40
58f870a
 
 
 
 
 
291e8c2
7f547df
9c12554
 
d9b6018
9c12554
 
 
 
 
 
 
739b49d
9c12554
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
739b49d
291e8c2
58f870a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		<title>My static Space</title>
		<link rel="stylesheet" href="https://huggingface.co/spaces/vk-ai-system/flask_inference_api/resolve/main/style.css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>




      
	</head>
<body>
  <h1>Онлайн данные системы</h1>
  <p>День : <span id="dey"></span></p>
  <p>Неделя: <span id="wek"></span></p>
  <br>
  <p>PH раствора: <span id="ph"></span></p>
  <p>EC раствора: <span id="ec"></span></p>
  <p>Т. раствора: <span id="tS"></span></p>
  <p>Т. воздуха: <span id="tA"></span></p>
  <p>Вл. воздуха: <span id="hDm"></span></p>
  <p>Об. вентилятора: <span id="sVen"></span></p>
  
  <script>
    function updateValues(data) {
      document.getElementById("dey").textContent = data.dey;
      document.getElementById("wek").textContent = data.wek;
      document.getElementById("ph").textContent = data.ph;
      document.getElementById("ec").textContent = data.ec;
      document.getElementById("tS").textContent = data.tS;
      document.getElementById("tA").textContent = data.tA;
      document.getElementById("hDm").textContent = data.hDm;
      document.getElementById("sVen").textContent = data.sVen;
    }
    
    function fetchValues() {
      var xhr = new XMLHttpRequest();
      xhr.open("GET", "/zapro", true);
      xhr.setRequestHeader("Content-Type", "application/json");
      xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
          var response = JSON.parse(xhr.responseText);
          updateValues(response);
        }
      };
      xhr.send();
    }
    
    fetchValues();
    setInterval(fetchValues, 10000);
  </script>
</body>
</html>