无需重新加载页面的 Flask 表单提交

有许多模块或框架允许使用Python构建您的网页，如 Bottle、django、flask 等。但真正流行的是 Flask 和 Django。与 Flask 相比，Django 易于使用，但 Flask 为您提供了编程的多功能性。

问题：

如果我们发布请求，那么整个页面将重新加载。所以这篇文章围绕着如何在不重新加载页面的情况下将表单数据发送到flask后端。为了在不重新加载页面的情况下提交表单，我们使用 jquery 和 ajax。所以在使用flask之前我们必须安装它

Ubuntu

pip3 install flask

为您的项目创建新目录。在里面创建新文件并将其命名为app.py

应用程序

Python3

from flask import Flask,render_template,request
 
app = Flask(__name__)
 
 
@app.route("/",methods=["POST","GET"])
def home():
    if request.method == "POST":
        todo = request.form.get("todo")
        print(todo)
    return render_template('home.html')
 
 
if __name__ == '__main__':
    app.run(debug=True)

然后创建新目录并将其命名为模板

在里面创建新文件并将其命名为home.html

主页.html

HTML

    GFG


  
        
        submit
    
 
        
  
 
  
    $(document).on('submit','#todo-form',function(e)
                   {
      console.log('hello');
      e.preventDefault();
      $.ajax({
        type:'POST',
        url:'/',
        data:{
          todo:$("#todo").val()
        },
        success:function()
        {
          alert('saved');
        }
      })
    });
  
 

• e.preventDefault() :- 此函数不会重新加载页面
• 类型： GET 或 POST 请求
• url :我们在烧瓶应用程序中指定的 url
• data :我们要传递的表单数据
• 成功： 函数() :-该函数在成功提交值并且提交数据时没有发生错误时运行。

输出 ：-

在 cmd 或终端上，它将打印我们使用表单提交的值。