码迷,mamicode.com
首页 > 其他好文 > 详细

django前后端数据传输学习记录

时间:2017-06-09 19:16:07      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:按钮   获取数据   怎么办   取数   列表   jquery选择器   parent   详细   button   

在开发过程中会遇到这样的情况

后台返回了一堆的数据,是一个列表

例如

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的值。缺点是写死了,如果页面有改动就要重新修改

django前后端数据传输学习记录

标签:按钮   获取数据   怎么办   取数   列表   jquery选择器   parent   详细   button   

原文地址:http://www.cnblogs.com/lgh344902118/p/6973117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!