django前后端数据传输学习记录
2017-06-09 17:53
232 查看
在开发过程中会遇到这样的情况
后台返回了一堆的数据,是一个列表
例如
前端的html可以通过使用
来获取数据,但是如果想要指定的数据,如要获取列表中的第二个字典的数据怎么办呢?查询了下资料
貌似可以实现这个效果
如果是这样
点击按钮弹出弹窗获取更详细的数据呢
其实可以通过使用jquery选择器来选择指定的值
这样可以获取到指定的data.a和data.b的值。缺点是写死了,如果页面有改动就要重新修改
后台返回了一堆的数据,是一个列表
例如
datas = [{"a":1, "b":2}, {"c": 3,"d":4}, {"c": 3,"d":4}, {"c": 3,"d":4}]
前端的html可以通过使用
<div id="test"> {% for data in datas %} <p>{{ data.a }}</p> <p>{{ data.b }}</p> {% endfor %} </div>
来获取数据,但是如果想要指定的数据,如要获取列表中的第二个字典的数据怎么办呢?查询了下资料
{{ datas.2 }}
貌似可以实现这个效果
如果是这样
<div id="test"> {% for data in datas %} <p>{{ data.a }}</p> <p>{{ data.b }}</p> <button onclick="function()">test</button> {% endfor %} </div>
点击按钮弹出弹窗获取更详细的数据呢
其实可以通过使用jquery选择器来选择指定的值
function(){ $(this).parent().childNodes[1].childNodes[0] $(this).parent().childNodes[2].childNodes[0] }
这样可以获取到指定的data.a和data.b的值。缺点是写死了,如果页面有改动就要重新修改
相关文章推荐
- 地图集web项目_技术学习(一)_前后端数据传输(ajax)
- BT源代码学习心得(十六):客户端源代码分析(实际数据的传输及其速率限制策略)
- 以XML格式传输数据 (2)--Ajax学习笔记
- django学习记录,动态web页面尝试
- 20100713 学习记录:清空表数据
- 【django 学习笔记】09-数据模型高级进阶
- 学习~~SQLServer和Access、Excel数据传输简单总结(转)
- 20100908 学习记录:asp数据运算
- python django学习-问题记录及解决方法
- 学习数据链路层和传输层时的超级讨论
- 20100902 学习记录:GridView中的数据导出为Excel
- 以XML格式传输数据 (2)--Ajax学习笔记
- ASP.net中的AJAX学习记录六 无刷新的数据编辑(GridView和DetailsView结合实例)
- ASP.net中的AJAX学习记录六 无刷新的数据编辑(GridView和DetailsView结合实例)
- 20100506 学习记录:grdview添加新的一行数据
- 以XML格式传输数据 (1)--Ajax学习笔记
- 学习数据链路层和传输层时的超级困惑!谁能解惑?
- [WCF 学习笔记] 8. 数据传输
- 20100526 学习记录:反省本地读到数据qc上读不到...
- VC6 下学习使用Teechart8记录 三 数据库读取与鼠标选取数据