首页 > 代码库 > django前后端数据传输学习记录

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

2024-10-03 12:26:02   214人阅读

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

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

例如

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前后端数据传输学习记录


联系
我们