详解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 &nbsp</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 &nbsp</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)

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

相关文章

  • python使用socket连接远程服务器的方法

    python使用socket连接远程服务器的方法

    这篇文章主要介绍了python使用socket连接远程服务器的方法,涉及Python中socket通信的基本技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • python3 map函数和filter函数详解

    python3 map函数和filter函数详解

    这篇文章主要介绍了python3 map函数和filter函数详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • Ubuntu18.04中Python2.7与Python3.6环境切换

    Ubuntu18.04中Python2.7与Python3.6环境切换

    这篇文章主要为大家详细介绍了Ubuntu18.04中Python2.7与Python3.6环境切换,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06
  • 解决python DataFrame 打印结果不换行问题

    解决python DataFrame 打印结果不换行问题

    这篇文章主要介绍了解决python DataFrame 打印结果不换行问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-04-04
  • pytorch permute维度转换方法

    pytorch permute维度转换方法

    今天小编就为大家分享一篇pytorch permute维度转换方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-12-12
  • Python合并重叠矩形框

    Python合并重叠矩形框

    这篇文章主要介绍了Python合并重叠矩形框,循环+递归,依次判断两个框是否有重叠,下面具体实现过程需要的小伙伴可以参考一下
    2022-03-03
  • Python中Scrapy爬虫图片处理详解

    Python中Scrapy爬虫图片处理详解

    这篇文章主要介绍了Python中Scrapy爬虫图片处理方式和原理,需要的朋友学习参考下吧。
    2017-11-11
  • Python使用docx模块处理word文档流程详解

    Python使用docx模块处理word文档流程详解

    这篇文章主要介绍了Python使用docx模块处理word文档流程,docx模块是用于创建和更新Microsoft Word文件的Python库,用于办公可以显著提升工作效率,感兴趣的同学可以参考下文
    2023-05-05
  • Python占用的内存优化教程

    Python占用的内存优化教程

    这篇文章主要给大家介绍了关于Python占用的内存优化教程,文中通过示例代码介绍的非常详细,对大家学习或者使用Python具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • 使用python 和 lint 删除项目无用资源的方法

    使用python 和 lint 删除项目无用资源的方法

    这篇文章主要介绍了利用 python 和 lint 删除项目无用资源的方法,使用方法是将 python 目录下的 delUnused.py 放到项目目录下,然后直接运行即可,需要的朋友可以参考下
    2017-12-12

最新评论