Flaskでajaxによるフォームリクエストと応答

6218 ワード

  • フロントエンドhtmlコード
  • <form id="demo_form"><input type="text" name="nick_name" />
    	<input type="submit" value="ajax  "/>
    form>
    
  • jsコード
  • //      form   action    
    $("#demo_form").submit(function(e){
    	e.preventDefault();
    
        $.ajax({
            url:"/demo",
            type:'POST',
            data: $(this).serialize(),   //           
            headers:{
                "X-CSRF-Token": getCookie('csrf_token')
            },
            success:function (resp) {
                // window.location.href = "/admin/page";
                if(resp.error){
                    console.log(resp.errmsg);
                }
            }
        })
    });
    
  • python Flaskフレームワークのコード
  • @app.route("/demo", methods=["POST"])
    def demo():
    	nick_name = request.form.get("nick_name")
    	print(nick_name)
    	return "ok"
    

    フォームのシーケンス化が重要です.そうしないと、取得したデータはNoneです.