时间戳

首页 > 解决方案 > 如何在 Django + JavaScript 中逐个元素地显示列表？

javascript - 如何在 Django + JavaScript 中逐个元素地显示列表？

问题描述

首先，我在这里提出的问题的版本被简化了，以使我的问题更清楚。假设我想制作一个 Django Web 应用程序，它从用户那里获取一些数据，运行一些 Python 逻辑并返回一个对象列表。

一个对象有 2 个值，我想一个一个地显示每个列表成员的值，在 X 秒后或用户按下按钮后移动到下一个对象。

我知道我可能不得不让 JavaScript 参与其中......我真的是 JS 的新手，我想知道你是否遇到过类似的问题并有一些有用的链接或建议。

提前致谢 ：）

标签： javascriptdjango

解决方案

让 Django 视图返回JsonResponse包含您的列表的 a。

def json_returning_view(request):
    ....
    return JsonResponse(data)

然后您可以使用fetch()来获取数据，对其进行解码，然后将其一一显示。

fetch('<your Django endpoint>')
  .then(response => response.json())
  .then(data => data.forEach(item => setInterval(displayItemFunction(), <time in ms>)));

推荐阅读