详解flask表单提交的两种方式
更新时间：2018年07月21日 16:36:29 作者：李雷雷alexkn
这篇文章主要介绍了详解flask表单提交的两种方式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
一.通用方式
通用方式就是使用ajax或者$.post来提交。
前端html
<form method="post" action="/mockservice" method = "post">
...
<div class="form-group">
<label>data <font style="color:#a94442" size="2">
<input class="form-control" id="data" name="data">
</div>
<div class="form-group">
<button id="start" type="submit" class="btn btn-default">Submit  </button>
</div>
</form>
将操作绑定
$(document).ready(function() {
MockTask.start();
});
MockTask ={
startId: "start_mock",
start: function(){
$('#'+this.startId).click(function (){
...var data = $('#data').val();
var form_data = JSON.stringify({
..."data": data
});
MockSubmit.createTask(form_data);
});
},
};
MockSubmit = {
createTask: function(data){
var url = "/mockservice";
$.post(url,data,function(result){
if (result.code != 'SUCC'){
alert("failed to create a new api.")
} else {
alert("succ");
}
});
}
};
function isEmptyString(info) {
if (info == null || info == undefined || info.length == 0){
return true;
}
return false
}
这样通过js来实现提交表单的功能，然后flask后端
@app.route("/mockservice",methods=['GET','POST'])
def MockController():
form = MockCreate()
if request.method == 'POST':
code = request.form['code']
api = request.form['api']
return ...
通用方式的好处就是在其他框架中也适用。而且也并不复杂。
二.比较正宗的flask方式
前端html：
<form method="post" action="/mockservice" method = "post">
...
<div class="form-group">
<label>data <font style="color:#a94442" size="2">
<input class="form-control" id="data" name="data">
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">Submit  </button>
</div>
</form>
前端这时候可以不用绑定操作了，但需要新建一个form对象，用这种方式的好处就是flask有很多内置的方式帮你校验你的提交，一个字：省事！
class MockCreate(Form):
user_email = StringField("email address",[validators.Email()])
api = StringField("api",[Required()])
submit = SubmitField("Submit")
code = IntegerField("code example: 200",[Required()])
alias = StringField("alias for api")
data = TextAreaField("json format",[Required()])
后端这时候就要变成:
@app.route("/mockservice",methods=['GET','POST'])
def MockController():
form = MockCreate()
code = form['code']
api = form['api']
return render_template("testf.html",api=api,data=code)
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Python3.6 Schedule模块定时任务(实例讲解)
下面小编就为大家带来一篇Python3.6 Schedule模块定时任务(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
PyTorch中torch.nn.functional.cosine_similarity使用详解
在pytorch中可以使用torch.cosine_similarity函数对两个向量或者张量计算余弦相似度,这篇文章主要给大家介绍了关于PyTorch中torch.nn.functional.cosine_similarity使用的相关资料,需要的朋友可以参考下2022-03-03
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
这篇文章主要介绍了Python数据分析之双色球统计单个红和蓝球哪个比例高的方法,涉及Python数值运算及图形绘制相关操作技巧,需要的朋友可以参考下2018-02-02
今天小编就为大家分享一篇Python使用psutil获取进程信息的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-12-12
OpenCV每日函数之BarcodeDetector类条码检测器
OpenCV在V4.5.3版本的contrib包中提供了一个barcode::BarcodeDetector类，用于条形码的识别，这篇文章主要介绍了OpenCV每日函数 BarcodeDetector条码检测器,需要的朋友可以参考下2022-06-06
这篇文章主要为大家详细介绍了如何基于Python实现文件分类器，目的主要是为了将办公过程中产生的各种格式的文件完成整理，感兴趣的可以了解一下2023-04-04
在现代办公环境中，数据处理和报表生成是一项重要的任务，本文将高效介绍如何使用Python进行数据可视化和报表生成，让您的办公工作更加顺利2023-07-07
这篇文章主要介绍了Python实现给PDF添加水印的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
Python编程使用matplotlib挑钻石seaborn画图入门教程
这篇文章主要为大家介绍了Python编程中使用matplotlib绘图包来挑出完美的钻石，本篇是seaborn包画图使用入门篇，有需要的朋友可以借鉴参考下2021-10-10
这篇文章主要为大家详细介绍了如何基于Python编写一个IP地址存活检查器,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下2024-11-11
最新评论