gpt4 book ai didi

python - 如何处理 python/Flask 上的按钮单击

转载 作者:行者123 更新时间:2023-12-04 16:46:56 25 4
gpt4 key购买 nike

我正在构建一个小型应用程序,并希望使用 Flask 处理按钮单击。我需要添加什么才能使其正常工作>

如果模板中有以下内容:

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>

<div class="container">
<h2>Button Pressed: {{ButtonPressed}} </h2>
<input type="submit" value="Click Me" >
</div>

</body>

以及.py

中的以下内容
Button Pressed = 0        
@app.route('/button', methods=["GET", "POST"])
def button():
if request.method == "GET":
return render_template("button.html", ButtonPressed = ButtonPressed)
return redirect(url_for('button'))

我搜索了很多,但所有这些都像一种形式。但这不应该是一种形式吗?

提前致谢!

最佳答案

它应该在要提交的表单中。

方法一:

`<div class="container">
<h2>Button Pressed: {{ButtonPressed}}</h2>
<form method="post">
<input type="submit" value="Click Me" >
</form>
</div>`

Python -

ButtonPressed = 0        
@app.route('/button', methods=["GET", "POST"])
def button():
if request.method == "POST":
return render_template("button.html", ButtonPressed = ButtonPressed)
# I think you want to increment, that case ButtonPressed will be plus 1.
return render_template("button.html", ButtonPressed = ButtonPressed)

方法二——

使用 Ajax 提交表单。在此处阅读文档 http://api.jquery.com/jquery.ajax/

提交一个发布请求,您的 Flask 应用程序将向函数发送 ButtonPressed 递增值,您可以根据需要处理值。尽管如此,您仍然需要一个表单,并且需要使用 JavaScript 更新 ButtonPressed 值。但是,如果需要存储 ButtonPressed 值,则应将其保存在某个数据库中。

方法3-

如果没有表单,您可以使用 Bootstrap 使链接看起来像按钮并直接在 UI 上更新它,以防您不需要将 ButtonPressed 值存储在某处,这也将避免对服务器的不必要调用(您不想存储它)。 Bootstrap - http://getbootstrap.com/

关于python - 如何处理 python/Flask 上的按钮单击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46482475/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com