Возьмите изменяющуюся переменную из файла колбы Python и отображение в HTML в режиме реального времени ⇐ Jquery

[Anonymous]

ОК, так что я все еще борюсь за это. Вот мой полный код после использования предложения @johnmccabe. У меня есть 3 файла, первый-мой файл Python, который просто получает локальное время.

Код: Выделить всё

import datetime
import time

now = datetime.datetime.now()

print(now)
< /code>
Если я установите этот файл как: < /p>
import datetime
import time

while True:
now = datetime.datetime.now()
print(now)
time.sleep(2)
< /code>
Он обновляется и дает мне дату каждые 2 секунды. Но когда он импортируется в мой проект Flask, он вступает во владение и просто не загрузит веб -страницу. Далее у меня есть страница на питоне с колкой: < /p>
from flask import Flask, render_template, request, jsonify
from flask_bootstrap import Bootstrap
import Timereppper

import datetime

now = datetime.datetime.now()

app = Flask(__name__)
Bootstrap(app)

@app.route('/')
def hello():
return render_template('hello.html', myvar= now.second)

@app.route('/currentstatus')
def currentstatus():
return render_template('hello.html', myvar= now.second)

@app.route('/historic')
def historic():
return render_template('historic.html')

@app.route('/data')
def get_data():
mbdata = Timereppper.now()  # Call your code that gets the data here
return jsonify(mbdata)  # And return it as JSON

if __name__ == '__main__':
app.run(host= 'localhost', port=5000, debug=False, threaded=True)

А потом у меня есть мой основной hello.html файл с кодом, предложенным @johnmccabe внизу. Это возвращает текст в нижней части основной веб -страницы «Новые данные идут сюда», и если я посмотрю на LocalHost: 5000/Data , я получаю дату, которая была прочитана, когда сервер Flask был впервые начат. Я хочу, чтобы эта дата обновлялась непрерывно или каждые несколько секунд и отображалась на главной домашней странице веб -сайта. Кто -нибудь может показать мне, где я ошибаюсь? Прошу прощения, я новичок в колбе.

Код: Выделить всё

 Vibration Monitor

[*]         rel="stylesheet">

 
window.jQuery || document.write('\x3C/script>')



[url= https://www.iotindustries.co.uk]
[img]/static/img/IOT Industries Logo 1THIN.png[/img]
         class="d-inline-block" alt="">
[/url]

[list]

[url=/currentstatus]Current
Status[/url]

[*]
[url=/historic]Historic[/url]

[/list]




[img]/static/img/vibes1.png[/img]
            Image">

Current vibration level:
15 mA
[url=/historic]View Historic[/url]




New Data Goes Here


var goGetNewData = function() {
$.ajax({
url: '/data',
dataType: 'json',
type: 'get',
success: function(e) {
$('#myDataDiv').html('New Data ' + e);
},
error: function(e) {
$('#myDataDiv').html('Error');
},
});
}

var waitTime = 10;  // 10 seconds
var fetchInterval = window.setInterval(goGetNewData, waitTime*1000);

У меня есть файл Python, который постоянно читает регистр Modbus каждые пару секунд, используя функцию Python Time.sleep () . Это значение регистрируется в базе данных Google Firebase. Я просто не знаю, как это сделать. Смогу ли я либо: < /p>

Получить обновленное значение Modbus из файла Python, передайте это в myflaspapp.py < /code> непрерывно или при нажатии кнопки в моем html -файле. Или при нажатии кнопки. Кто -нибудь может опубликовать пример того, как я смогу это сделать?


Подробнее здесь: https://stackoverflow.com/questions/520 ... in-realtim