【问题标题】:Frontend help: How do I add buttons to webpage flask webpage that allow me to interact with a flask webpage?前端帮助:如何向网页烧瓶网页添加按钮以允许我与烧瓶网页进行交互?
【发布时间】:2015-03-20 21:24:09
【问题描述】:

假设我正在使用烧瓶建立一个博客网站。在查看帖子的页面上,我希望有一些按钮允许用户与帖子交互(删除、编辑、标记为垃圾邮件等)。我已经在烧瓶中创建了函数来处理这些动作。我不知道该怎么做是创建允许用户调用这些函数的按钮。我想使用bootstrap's vertical button group 创建按钮,但我不确定如何使单击这些按钮运行一个动作。我尝试将它们中的每一个都设为表单的提交按钮,但这样做会破坏引导程序的分组功能。有谁知道我可以让按钮与烧瓶后端交互,同时保留引导程序的分组功能?

【问题讨论】:

    标签: html twitter-bootstrap flask


    【解决方案1】:

    您可以设置按钮的“onclick”属性:

    <button onclick="myFunction()">Click me</button>
    

    然后编写javascript函数调用flask后端,例如:

    var jqxhr = $.post( "FLASK_URL_HERE", function() {
        alert( "success" );
    })
    

    我理解你的问题正确吗?

    【讨论】:

    • 是否会向 FLASK_URL_HERE 发送 POST 请求或 GET 请求?
    • 它将发送一个 POST 请求并使用 jQuery 库。如果您需要其他内容,可以在此处查看 jQuery 文档:api.jquery.com/category/ajax
    • 好的,所以它发送一个 POST 请求。如何在该请求中附上信息(例如用户发送的信息或用户想要执行的操作)以及如何让烧瓶提取该信息?
    • 您可以在您的 javascript 发布函数中设置“数据”参数,并从烧瓶视图函数中的 request.data 获取此信息。这是烧瓶文档的链接:flask.pocoo.org/docs/0.10/quickstart/#accessing-request-data
    • 如何在 javascript 帖子中设置“数据”参数?抱歉,我对 javascript 的经验很少
    猜你喜欢
    • 2018-01-21
    • 2020-02-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多