javascript - 使用 python 和 Flask 的加载器

Question

我提出一个前提:我正在做一个学校项目，我可以使用的技术有:python、flask、bootstrap、JavaScript 和 JQuery。

我有一个按钮(我将其称为“更新产品”)，“onclick”必须启用以下按钮之一: https://www.w3schools.com/howto/howto_css_loading_buttons.asp ，“更新产品”按钮必须隐藏，并且必须调用Python中的函数(例如:updateProducts())。在此函数结束时(函数返回 ok 或 ko)，我返回消息(使用 flash)，但我不知道如何隐藏“正在加载”按钮并再次显示“更新产品”按钮。

你能帮我吗？

Answer 1

这是一种方法。
当您在 python 中渲染模板时，您可以传递一个变量来控制按钮的可见性。

render_template('page.html', visible=True)

然后，在您的页面上可能会出现类似这样的内容(在 Hiding a button in Javascript 中找到并进行了改编)

<script>
var hidden = {{ visible|safe }};
function action() {
    if(hidden) {
        document.getElementById('button').style.visibility = 'hidden';
    } else {
        document.getElementById('button').style.visibility = 'visible';
    }
}

您还可以使用页面本身的 onclick 函数更改变量。调用 python 函数的按钮可能如下所示。

<input type="button" id="toggler" value="Toggler" onClick="/funcionName" />

记住在 python 函数之前使用@app.route("/functionName")。

希望这接近您想要的。