以Flask框架写的接口为例的AJAX的前后端交互的模板

以Flask框架写的接口为例的AJAX的前后端交互的模板

默认已经引入axios或者jQuery的CDN

代码如下：

前端上传数据（在js里的添加）

$.ajaxSetup({async: true});//设置异步，当设置为false即同步时，执行当前AJAX的时候会停止执行后面的JS代码，直到AJAX执行完毕后时，才能继续执行后面的JS代码。反之则反。
$.ajax({
            url: "/get", //接口
            type: "post",
            data: {'datas': 'gxg'}, //上传数据
            dataType: 'json',
            success: function (data) { //成功收到数据后执行的函数，data为回传的数据
                //添加自己的代码
            },
            error: function (e) {//出现问题后执行的函数
                alert("error");
            }
})
           

后端接口（以flask框架为例，在app.py中添加）

@app.route('/get', methods=['get', 'post'])
def GET():
    datas = request.form.get('datas') # 获取前端ajax传来的数据
    return json.dumps(datas) # 返回数据