FLASK AJAX前后端数据交互

基础知识

POST GET

image.png

AJAX前端传送和接收

$.ajax({
                url: "/new",   //对应flask中的路由
                type: "POST", //请求方法
                data: 'hello',   //传送的数据
                dataType: "json", //传送的数据类型
                success: function (data) {  //成功得到返回数据后回调的函数
                    console.log(data)
                }
            })

Flask后端接收处理和返回

@app.route('/new',methods=['POST'])   //第一个参数是路由，第二个是请求方法
def new():
    recv_data = request.get_data()  //得到前端传送的数据
    print(recv_data)
    data = somefunction()   //对数据做某些处理
    return data                   //返回数据