• 首页

  • 官方

  • 主题

  • 关注

  • 联系

以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) # 返回数据
posted @ 2021-09-07 22:37  戈小戈  阅读(263)  评论(0编辑  收藏  举报