前端帮助:如何向网页 Flask 网页添加按钮以允许我与 Flask 网页进行交互?
Frontend help: How do I add buttons to webpage flask webpage that allow me to interact with a flask webpage?
假设我正在使用 Flask 构建博客网站。在查看 post 的页面上,我希望有一些按钮允许用户与 post 进行交互(删除、编辑、标记为垃圾邮件等)。我已经在 flask 中创建了函数来处理这些操作中的每一个。我不确定如何创建允许用户调用这些功能的按钮。我想使用 bootstrap's vertical button group 创建按钮,但我不确定如何使单击这些按钮 运行 成为一个动作。我尝试将它们中的每一个都设为表单的提交按钮,但这样做会破坏 bootstrap 的分组功能。有谁知道我可以在保留 bootstrap 的分组功能的同时使按钮与 Flask 后端交互的方法吗?
您可以设置按钮的 "onclick" 属性:
<button onclick="myFunction()">Click me</button>
然后编写javascript函数调用flask后端,例如:
var jqxhr = $.post( "FLASK_URL_HERE", function() {
alert( "success" );
})
我理解你的问题了吗?
假设我正在使用 Flask 构建博客网站。在查看 post 的页面上,我希望有一些按钮允许用户与 post 进行交互(删除、编辑、标记为垃圾邮件等)。我已经在 flask 中创建了函数来处理这些操作中的每一个。我不确定如何创建允许用户调用这些功能的按钮。我想使用 bootstrap's vertical button group 创建按钮,但我不确定如何使单击这些按钮 运行 成为一个动作。我尝试将它们中的每一个都设为表单的提交按钮,但这样做会破坏 bootstrap 的分组功能。有谁知道我可以在保留 bootstrap 的分组功能的同时使按钮与 Flask 后端交互的方法吗?
您可以设置按钮的 "onclick" 属性:
<button onclick="myFunction()">Click me</button>
然后编写javascript函数调用flask后端,例如:
var jqxhr = $.post( "FLASK_URL_HERE", function() {
alert( "success" );
})
我理解你的问题了吗?