Колба / Питон и Аякс - PullRequest
       2

Колба / Питон и Аякс

0 голосов
/ 21 ноября 2018

Я нашел это, которое выглядит очень близко к тому, чего я пытаюсь достичь.Это мой первый проект на Python, и я ничего не знаю об Ajax, поэтому я не уверен, на что смотрю:

Выполнить скрипт на Python - Ajax и Flask

Я получаю первое поле с маршрутом Flask - я делаю это, но с большим количеством переменных.

Я получаю второе поле с html, который отображает переменную, переданную из маршрута Flask.

Это последнее окно, с которым я борюсь.

В моем шаблоне у меня есть:

<div id="insidetemp">
    <i class="fas fa-thermometer-half"></i> {{ intTemp }}&#8451;
</div>
<div id="heatingtarget">
    <i class="fas fa-fire"></i> {{ targetTemp }}&#8451; <i class="far fa-clock sm"></i>
</div>

Все они сгенерированы из моего / маршрута.

У него есть:

function cputemp2() {
    $.ajax({
        type: "POST",
        url: "/cputemp",
        dataType: "html",
        success: function(msg) {
            console.log(msg);
            $("#swiss").html(msg);
        },
        error: function (xhr, status, error) {
            console.log(error);
        }
    });
}

Итак, я думаю, я могу изменить название функции.Я бы изменил URL на /.Я бы изменил идентификатор на #insidetemp, чтобы нацелить div в моем шаблоне.

Я собираюсь сделать удар в первый бит:

function syncvalues() {
        $.ajax({
            type: "POST",
            url: "/",
            dataType: "html",
            success: function(msg) {
                console.log(msg);
                $("#insidetemp").html(msg);
            },
            error: function (xhr, status, error) {
                console.log(error);
            }
        });
    }

Но как бы я добавилбольше переменных?Если кто-то может начать меня с 2-х переменных, то я надеюсь, что смогу расширить это до 10.

1 Ответ

0 голосов
/ 21 ноября 2018

Одним из способов будет то, что ваша конечная точка вернет закодированный в JSON словарь, например:

{
    "insidetemp": 37,
    "fanspeed": 2800
}

, а затем проанализирует это в браузере, используя JSON:

let data = JSON.parse(msg)

, а затем получитоцените как хотите

Существуют различные учебники, которые описывают подобные вещи намного лучше

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...