Flask中利用ajax进行表单请求和响应

1. 前端html代码

<form id="demo_form">
	输入框： <input type="text" name="nick_name" />
	<input type="submit" value="ajax请求"/>
form>

2. 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);
            }
        }
    })
});

3. python Flask框架的代码

@app.route("/demo", methods=["POST"])
def demo():
	nick_name = request.form.get("nick_name")
	print(nick_name)
	return "ok"

表单序列化很重要，否则获取的数据是None。