微客导航 » 文章资讯 » 详解flask表单提交的两种方式

详解flask表单提交的两种方式

2023-09-10 00:50:04 311

一.通用方式

通用方式就是使用ajax或者$.post来提交。

前端html


...


data

Submit

将操作绑定

$(document).ready(function(){
MockTask.start();
});

MockTask={
startId:"start_mock",
start:function(){
$('#'+this.startId).click(function(){
...vardata=$('#data').val();

varform_data=JSON.stringify({
..."data":data
});
MockSubmit.createTask(form_data);

});
},
};

MockSubmit={
createTask:function(data){
varurl="/mockservice";
$.post(url,data,function(result){
if(result.code!='SUCC'){
alert("failedtocreateanewapi.")
}else{
alert("succ");
}
});
}
};

functionisEmptyString(info){
if(info==null||info==undefined||info.length==0){
returntrue;
}
returnfalse
}

这样通过js来实现提交表单的功能，然后flask后端

@app.route("/mockservice",methods=['GET','POST'])
defMockController():
form=MockCreate()
ifrequest.method=='POST':
code=request.form['code']
api=request.form['api']
return...

通用方式的好处就是在其他框架中也适用。而且也并不复杂。

二.比较正宗的flask方式

前端html：


...


data

Submit

前端这时候可以不用绑定操作了，但需要新建一个form对象，用这种方式的好处就是flask有很多内置的方式帮你校验你的提交，一个字：省事！

classMockCreate(Form):
user_email=StringField("emailaddress",[validators.Email()])
api=StringField("api",[Required()])
submit=SubmitField("Submit")
code=IntegerField("codeexample:200",[Required()])
alias=StringField("aliasforapi")
data=TextAreaField("jsonformat",[Required()])

后端这时候就要变成:

@app.route("/mockservice",methods=['GET','POST'])
defMockController():
form=MockCreate()
code=form['code']
api=form['api']
returnrender_template("testf.html",api=api,data=code)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

详解flask表单提交的两种方式

热门推荐

随机推荐