PythonFlask前后端Ajax交互的方法示例_flask前后端数据交互 - CSDN文库

920 浏览量更新于2023-05-29 评论 1 收藏 92KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Python Flask前后端前后端Ajax交互的方法示例交互的方法示例

之前总结过flask里的基础知识，现在来总结下flask里的前后端数据交互的知识，这里用的是Ajax

一、一、 post方法方法

1、post方法的位置：在前端HTML里，绑定在一个按钮的点击函数里，或者一个鼠标输入框点击离开事件。

（1）数据附在URL里(请求路径)，发送到后端。

/*前端HTML<script>里：*/

$.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/<ip>", methods=['GET', 'POST'])

def js_post(ip):

print ip

return ip +" - ip"

点击按钮后的效果：

前端定义弹窗数据

ip在URL里

（2）数据单独发送给后端

var ip = $(this).parent().prev().prev().prev().prev().text();

data_tmp = {'ip':ip, 'text':"success for ajax"}; // data to send to server.

$.post('/js_call', data_tmp, function(data){alert(data)});

后端处理程序：

@app.route('/js_call', methods=['GET', 'POST'])

def js_call():

print request.values['ip'] print request.values['text'] # to send the command by ssh : os.system("ssh user@host \' restart(command) \' ")

return 'ok!!!!'

post独立数据发送

二、二、get方法方法(同样可以发数据同样可以发数据)

$.get('/js_get', {'method':'GET', 'text':"from-html"}, function(data){alert(data)})

后端路由接收处理：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38500047

粉丝: 10
资源: 979

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈