flask+表单+ajax

淡淡的烟草味﹌ 2021-12-11 11:25 283阅读 0赞

要注意这个request是来源于flask的，**不是来源于urllib**

from flask import Flask, render_template,request
    
    app=Flask(__name__)
    
    @app.route('/')
    def index():
        html =''' <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单测试</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <form id="demo_form"> 输入半径+高度 <input type="text" name="radius" /> <input type="text" name="height" /> <input type="submit" value="生成圆柱"/> </form> <script> $("#demo_form").submit(function(e){ e.preventDefault(); $.ajax({ url:"/demo", type:'POST', data: $(this).serialize(), // 这个序列化传递很重要 success:function (resp) { console.log(resp) } }) }); </script> </body> </html> '''
    
        return html
    
    @app.route("/demo", methods=["POST"])
    def demo():
        radius = request.form.get("radius")
        height=request.form.get("height")
        print(radius,height)
        return "ok"
    
    
    if __name__=="__main__":
        app.run(debug=True)

结果如下图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA_size_16_color_FFFFFF_t_70]: /images/20211211/70b01684f06348c5ae4ac82bcf5f2880.png

发表评论取消回复

表情：

评论列表（有 0 条评论，283人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flask插件-Flask-WTF表单

flask\_wtf是flask框架的表单验证模块，可以很方便生成表单，也可以当做json数据交互的验证工具。一、安装 pip install Flask-W

古城微笑少年丶/ 2023年05月30日 09:26/ 0 赞/ 33 阅读

相关 Flask使用Flask-WTF表单

Flask-WTF Flask-WTF是Flask框架的表单验证模块，Flask-WTF将表单数据解析、CSRF保护、文件上传等功能与Flask集成。安装 Fl

素颜马尾好姑娘i/ 2022年12月24日 08:57/ 0 赞/ 218 阅读

相关深入浅出Flask(6)：表单验证与ajax交互

在开发flask的程序过程中，经常会遇到提交表单，比如注册、登录、填写数据等等，所以说表单是必须要熟悉的。而表单又有一个验证的问题，比如你输入的注册名称是否符合网站的要求，是否

Dear 丶/ 2022年09月04日 09:49/ 0 赞/ 185 阅读

相关 flask笔记：4：web表单

处理web表单表单需要Flask-WTF 在根目录创建一个配置文件 myblog/config.py CSRF_ENABLED=True SECRET_K

朱雀/ 2022年08月22日 01:28/ 0 赞/ 199 阅读

相关 ajax提交表单

ajax提交表单在项目中常用，前台无论是简单的html、jsp或者是使用了easyui框架，提交表单都会使用到ajax，extjs框架其实也是使用了ajax只不过对其进

我就是我/ 2022年08月13日 00:56/ 0 赞/ 265 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 320 阅读

相关 Flask学习笔记5--Flask-WTF表单

Web表单 web表单是web应用程序的基本功能。它是HTML页面中负责数据采集的不见。表单由三个部分组成：表单标签、表单域、表单按钮。表单允许用户输入数据，负责HT

悠悠/ 2022年05月21日 13:21/ 0 赞/ 266 阅读

相关 Python Flask，Flask-WTF，表单验证，CSRF验证

使用Flask-WTF表单扩展，1、可以帮助进行CSRF验证。2、帮助我们快速定义表单模板。3、而且可以帮助我们在视图中验证表单的数据安装Flask-WTF： pip in

阳光穿透心脏的1/2处/ 2022年04月01日 12:48/ 0 赞/ 248 阅读

相关 Flask表单-cookie登录

一、基于Flask的请求方式简介 Flask前端表单前端flask请求和其他的web请求没有区别后端flask必须在aap.route里面通过method=\[\

谁践踏了优雅/ 2022年02月17日 15:18/ 0 赞/ 277 阅读

相关 flask+表单+ajax

要注意这个request是来源于flask的，不是来源于urllib from flask import Flask, render_template,request

淡淡的烟草味﹌/ 2021年12月11日 11:25/ 0 赞/ 284 阅读