- 首先要清楚后台和前端交互所采用的数据格式。
一般选JSON,因为和js完美贴合。 - 后台返回的数据进行序列化
在/homepageRecommend 路由的 view方法中返回序列化数据
dict = {"a":1, "b":2}1) import json json.dumps(dict) 2) from flask import jsonify jsonify(dict) #在调用jsonfiy 有时会报错,原因是jsonify 对象必须是dict
这两种序列化方式主要的区别是 jsonify 格式更美观一些
- 在前端利用jquary 对json进行反序列化
$.getJSON(‘/homepageRecommend‘ , function(data) { // 从Flask返回的数据 alert(data.a) // 浏览器弹窗显示 后端返回的dict["a"]的值,此次是1 } ) //getJSON 函数有三个参数 //第一个是后端返回的数据的url //第二个是要返回给服务器的data 是可选的 //第三个是对获取的反序列化数据 要继续进行的操作的函数
- 然后就可以利用js对数据进行想要的操作了
总结: flask 后台给前端js传数据, 需要注意序列化 和反序列化
时间: 2024-10-06 23:07:41