Python Flask 使用按钮调用函数

Python Flask calling functions using buttons

本文关键字：调用 函数 按钮 Flask Python      更新时间：2023-09-26

按下烧瓶模板中的按钮后，我希望它调用 app.py 中定义的python函数，通过在下面键入以下内容来定义函数，该函数可以在模板中调用：

app.py 中的示例函数：

@app.route('/foo')
def foo(x,y):
    pass
app.jinja_env.globals.update(foo=foo)

模板：

<button  type="button" onclick="myFunction(this)" name="enable" id="{{counter}}"> Enable </button>

在我的按钮中，我有onclick属性，只是为了测试使用javascript按下许多按钮中的正确按钮，如下所示：

{% block scripts %}
    {{ super() }}
    <script>
    function myFunction(elem){
        if(confirm('Are you sure you want to ' + elem.name) == true){
            alert("its done.");            
         }
         else { 
            return false;
         }          
    }
    </script>
{% endblock %}

我面临的问题是我需要在模板中提供的功能与正确的按钮相对应。例如，如果按钮显示启用，那么我需要调用已经定义的启用函数，否则如果按钮对应于 false，我希望使用禁用函数。

我觉得我正朝着正确的方向前进，但无法超越这一部分。请尽可能详细。

如果你想在不生成对服务器的请求的情况下执行你的函数，那么你的函数必须在 JavaScript 中定义。否则，您需要触发 HTTP 请求。

现在就您而言，如果您尝试做的只是启用/禁用按钮，那么在javascript中执行所有这些操作是有意义的（无需访问服务器）。

例：

<button type="button" onclick="disableButton(this)" name="enable">Enable</button>

JavaScript

function disableButtonState(elem) {
    if(confirm('Are you sure you want to disable this button?') == true) {
        elem.disabled = true;
        alert("its done.");            
    }
    else { 
        return false;
    }          
}

但是，如果您想要在服务器上调用例如发送电子邮件的方法，那么您应该使用 form POST/GET 或 AJAX POST/GET

例：

app.py

@app.route('/foo', methods=['GET', 'POST'])
def foo(x=None, y=None):
    # do something to send email
    pass

模板

<form action="/foo" method="post">
    <button type="submit" value="Send Email" />
</form>

当您单击"发送电子邮件"按钮时，HTTP POST请求将发送到应用程序上的"/foo"。您的函数foo现在可以从请求中提取一些数据，并在服务器端执行它想要执行的任何操作，然后向客户端 Web 浏览器返回响应。

建议阅读 Flask 教程，以便在使用 Flask 构建的 Web 应用程序时更好地了解客户端/服务器交互。

相关文章：