Python Flask前后端Ajax交互的方法示例
发布时间:2020-09-06 13:07:19
来源:脚本之家
阅读:128
作者:夏夜星语
之前总结过flask里的基础知识,现在来总结下flask里的前后端数据交互的知识,这里用的是Ajax
一、 post方法
1、post方法的位置:在前端HTML里,绑定在一个按钮的点击函数里,或者一个鼠标输入框点击离开事件。
(1)数据附在URL里(请求路径),发送到后端。
/*前端HTML
$.post("/js_post/"+ip, data_to_backend, function(data){alert("success "+data)} );
其中ip,data_to_backend是在此代码前定义好的;data_to_backend一般是一个json数据(data_to_backend={'ip':$(this).parent().prev().text()}),而data是来自后端的返回数据。
#后端py文件(路由启动前面的html的py文件)里:添加一个路由处理前端post请求
@app.route("/js_post/", methods=['GET', 'POST'])
def js_post(ip):
print ip
return ip +" - ip"
点击按钮后的效果:
前端定义弹窗数据