Update zapro.html

zapro.html

@@ -17,21 +17,33 @@
   <p>PH значение: <span id="ph_value"></span></p>
   <p>EC значение: <span id="ec_value"></span></p>
 
-  <script>
-    $(document).ready(function() {
-      setInterval(function() {
-        $.ajax({
-          url: "/zapro",
-          method: "GET",
-          dataType: "json",
-          success: function(response) {
-            $("#ph_value").text(response.ph_value);
-            $("#ec_value").text(response.ec_value);
-          }
-        });
-      }, 10000);
-    });
-  </script>
+<script>
+  $(document).ready(function() {
+    // Функция для обновления значений на странице
+    function updateValues(phValue, ecValue) {
+      $("#ph_value").text(phValue);
+      $("#ec_value").text(ecValue);
+    }
+
+    // Функция для выполнения AJAX-запроса и обновления значений
+    function fetchValues() {
+      $.ajax({
+        url: "/zapro",
+        method: "GET",
+        dataType: "json",
+        success: function(response) {
+          updateValues(response.ph_value, response.ec_value);
+        }
+      });
+    }
+
+    // Вызываем функцию fetchValues для первоначальной загрузки значений
+    fetchValues();
+
+    // Устанавливаем интервал для периодического обновления значений
+    setInterval(fetchValues, 10000);
+  });
+</script>
       
 	</body>
 </html>