python flask 框架后端如何获取前端的表单数据 文本 单选框 多选框

简介:


一、 文本域和单选按钮

前端 文本域和单选按钮表单获取方法一样

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
   < form  class = "form-horizontal"  method = "post" >
     < div  class = "form-group" >
       < label  for = "username"  class = "col-sm-2 control-label" >Username</ label >
       < div  class = "col-sm-10" >
         < input  type = "text"  class = "form-control"  id = "username"  name = "username"  placeholder = "Username"  autofocus = ""  >
       </ div >
     </ div >
....
...
   < div  class = "row" >
         < div  class = "col-sm-2 col-sm-offset-2" >
             < input  name = "sex"  value = "M"  type = "radio"   checked = "checked" > 男
         </ div >
  < div  class = "col-sm-2 " >
             < input  name = "sex"  value = "F"  type = "radio" > 女
         </ div >
                     
     </ div >
</ form >

文本


pyhon 后端用request.values.get("name") 去获取

1
2
3
if  request.method  = =  "POST" :   
     username  =  request.values.get( "username" )
     sex  =  request.values.get( "sex" )



二、多选按钮checkbox

    

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
< div  class = "row" >
     < div  class = "col-sm-2 " >
         < label >
             < input  name = "s_option"  value = "basketball"  type = "checkbox" > 篮球
         </ label >
     </ div >
     < div  class = "col-sm-2 " >
         < label >
         < input  name = "s_option"  value = "football"  type = "checkbox" > 足球
         </ label >
     </ div >
     < div  class = "col-sm-2 " >
         < label >
             < input  name = "s_option"  value = "badminton"   type = "checkbox" > 羽毛球
         </ label >
     </ div >
</ div >


后端使用request.values.getlist("s_option") 去获取,获取的value会组成一个列表

1
2
3
s_option  =   request.values.getlist( "s_option" )
for  in  s_option:
     pass


三、select 下拉框


前端表现形式

1
2
3
4
5
6
7
< select  class = "form-control"  name = "manufacturer"  id = "manufacturer" >
          < option ></ option >
          < option  selected = "selected" >--请选择厂家--</ option >
          < option  >HP</ option >
          < option  >Huawei</ option >
          < option  >Inspur</ option >
</ select >



pyhon 后端也是用request.values.get("name") 去获取




四 获取前端传输过来的json

request.json 返回的是一个字典

request.json.get("key",'')



curl模拟

curl -i -H "Content-Type: application/json" -X POST -d '{"title":"Read a book"}'  http://localhost:5000/todo/api/v1.0/tasks
本文转自残剑博客51CTO博客,原文链接http://blog.51cto.com/cuidehua/1767207如需转载请自行联系原作者

 
相关文章
|
16天前
|
数据采集 数据可视化 数据挖掘
利用Python自动化处理Excel数据:从基础到进阶####
本文旨在为读者提供一个全面的指南,通过Python编程语言实现Excel数据的自动化处理。无论你是初学者还是有经验的开发者,本文都将帮助你掌握Pandas和openpyxl这两个强大的库,从而提升数据处理的效率和准确性。我们将从环境设置开始,逐步深入到数据读取、清洗、分析和可视化等各个环节,最终实现一个实际的自动化项目案例。 ####
|
2天前
|
JSON 数据可视化 测试技术
python+requests接口自动化框架的实现
通过以上步骤,我们构建了一个基本的Python+Requests接口自动化测试框架。这个框架具有良好的扩展性,可以根据实际需求进行功能扩展和优化。它不仅能提高测试效率,还能保证接口的稳定性和可靠性,为软件质量提供有力保障。
17 7
|
14天前
|
数据采集 分布式计算 大数据
构建高效的数据管道:使用Python进行ETL任务
在数据驱动的世界中,高效地处理和移动数据是至关重要的。本文将引导你通过一个实际的Python ETL(提取、转换、加载)项目,从概念到实现。我们将探索如何设计一个灵活且可扩展的数据管道,确保数据的准确性和完整性。无论你是数据工程师、分析师还是任何对数据处理感兴趣的人,这篇文章都将成为你工具箱中的宝贵资源。
|
15天前
|
敏捷开发 测试技术 持续交付
自动化测试之美:从零开始搭建你的Python测试框架
在软件开发的马拉松赛道上,自动化测试是那个能让你保持节奏、避免跌宕起伏的神奇小助手。本文将带你走进自动化测试的世界,用Python这把钥匙,解锁高效、可靠的测试框架之门。你将学会如何步步为营,构建属于自己的测试庇护所,让代码质量成为晨跑时清新的空气,而不是雾霾中的忧虑。让我们一起摆脱手动测试的繁琐枷锁,拥抱自动化带来的自由吧!
|
26天前
|
缓存 API 数据库
Python哪个框架合适开发速卖通商品详情api?
在跨境电商平台速卖通的商品详情数据获取与整合中,Python 语言及其多种框架(如 Flask、Django、Tornado 和 FastAPI)提供了高效解决方案。Flask 简洁灵活,适合快速开发;Django 功能全面,适用于大型项目;Tornado 性能卓越,擅长处理高并发;FastAPI 结合类型提示和异步编程,开发体验优秀。选择合适的框架需综合考虑项目规模、性能要求和团队技术栈。
26 2
|
27天前
|
传感器 物联网 开发者
使用Python读取串行设备的温度数据
本文介绍了如何使用Python通过串行接口(如UART、RS-232或RS-485)读取温度传感器的数据。详细步骤包括硬件连接、安装`pyserial`库、配置串行端口、发送请求及解析响应等。适合嵌入式系统和物联网应用开发者参考。
42 3
|
27天前
|
数据采集 JavaScript 程序员
探索CSDN博客数据:使用Python爬虫技术
本文介绍了如何利用Python的requests和pyquery库爬取CSDN博客数据,包括环境准备、代码解析及注意事项,适合初学者学习。
72 0
|
28天前
|
安全 API 数据库
Python哪个框架合适开发淘宝商品详情api?
在数字化商业时代,开发淘宝商品详情API成为企业拓展业务的重要手段。Python凭借其强大的框架支持,如Flask、Django、Tornado和FastAPI,为API开发提供了多样化的选择。本文探讨了这些框架的特点、优势及应用场景,帮助开发者根据项目需求选择最合适的工具,确保API的高效、稳定与可扩展性。
27 0
|
2月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
176 2
|
2月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
46 0