| <!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">{{ dey }}</span></p> |
| <p>Неделя: <span id="wek">{{ wek }}</span></p> |
| <br> |
| <p>PH значение: <span id="ph">{{ ph }}</span></p> |
| <p>EC значение: <span id="ec">{{ ec }}</span></p> |
|
|
|
|
| <script> |
| $(document).ready(function() { |
| function updateValues(deyValue, wekValue, phValue, ecValue) { |
| $("#dey").text(deyValue); |
| $("#wek").text(wekValue); |
| $("#ph").text(phValue); |
| $("#ec").text(ecValue); |
| } |
| |
| function fetchValues() { |
| $.ajax({ |
| url: "/zapro", |
| method: "GET", |
| dataType: "json", |
| success: function(response) { |
| updateValues(response.dey, response.wek, response.ph, response.ec); |
| } |
| }); |
| } |
| |
| fetchValues(); |
| setInterval(fetchValues, 10000); |
| }); |
| </script> |
| |
| </body> |
| </html> |
