自动刷新烧瓶中的动态json

时间:2021-05-05 09:30:50

标签: javascript python json flask

这是我的python代码

@datacleanerController.route('/datacleaner_jobs.json', methods=['GET', 'POST'])
def get_jobs():
    json_file = open("data/json/datacleaner_jobs.json", "r")
    running_jobs = json.load(json_file)
    json_file.close()
    running_jobs = running_jobs['data']
    print(running_jobs)
    return running_jobs

这是我想一直刷新的部分,因为我的 JSON 是动态变化的。您不必在这里查看整个代码,因为只有第一行很重要

        <div class="col">
            <div class="row">
            <pre id="#running_job">{% set job_dict = running_jobs %}</pre>   // HERE I AM LOADING
                {% for job in job_dict %}
                    <div class="card" style="width: 18rem; margin-right: 10px">
                        <div class="card-body">


                            <form action="dc/kill_task" method="POST">
                                <input type="hidden" id="job_name" name="job_name"
                                       value="{{ job['dataset'] }}">
                                <button title="Löscht den Task und beendet den Prozess"
                                        type="submit"
                                        class="btn float-sm-end"><i class="far fa-minus-square"
                                                                    style="size: 100px"></i>
                                </button>
                            </form>
                            <h5 class="card-title">{{ job.dataset }}</h5>
                            <div id="current_progress{{ loop.index - 1 }}">
                                <p class="card-text">Bearbeitungsfortschritt: {{ job.status }}</p>
                            </div>

                            <hr>
                            <div class="card-footer">
                                <small class="text-muted">Gestartet am: {{ job.start }}</small>
                            </div>
                        </div>
                    </div>
                {% endfor %}

            </div>
        </div>

这是我写的 JS 代码。我认为这是我怀念的小东西......

        setInterval(
            function () {
                $("#running_job").load("/datacleaner_jobs.json")
            },
            500);

所以我希望 Div 自动重新加载,因为我的 JSON 数据一直在变化,是否可以这样做?我也用 jQuery 和 AJAX 尝试了许多解决方案,但我无法让其中任何一个工作。

0 个答案:

没有答案
相关问题