前端接受后端的数据并解析后端
后端数据数据库取出的数据是quset数据需要转变成字典
def to_basic_dict(self):前端跟后端哪个就业难
"""将基本信息转换为字典数据"""
house_dict = {
"house_id": self.id,
"title": self.title,
"price": self.price,
"area_name": self.area.name,
"img_url": constants.QINIU_URL_DOMAIN + self.index_image_url if self.index_image_url else "",
"room_count": _count,
"order_count": der_count,
"address": self.address,
"user_avatar": constants.QINIU_URL_DOMAIN + self.user.avatar_url if self.user.avatar_url else "",
"ctime": ate_time.strftime("%Y-%m-%d")
}
return house_dict
@ute('/look_over',methods=['GET'])
def look_over():
area_dict_li = []
a = House.query.all()
for area in a:
area_dict_li._basic_dict())
return jsonify(errno=RET.OK, errmsg="OK", data=area_dict_li)
前端js
$(document).ready(function(){
//向后端获取城区信息后端接⼝
$.get("/api/v1.0/areas",function (resp) {
=="0"){
var areas = resp.data
// 遍历json 数据按照id添加到对应地⽅
// for(i=0;i<areas.length;i++){
//    var area=areas[i];
/
/    $("#area-id").append('<option value="'+area.aid+'">'+area.aname+'</option>');
// }
//使⽤js模板
var html= template("areas-tmpl",{areas:areas});
$("#area-id").html(html);
}else{
sg);
}
},"json")
前端html
<select class="form-control" id="area-id" name="area_id">
</select>
<!-- 定义模板-->
<script type="text/html" id="areas-tmpl">
{{each areas as area}}
<option value="{{area.aid}}">{{area.aname}}</option>
{{/each}}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。