以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) # 返回数据