问题格式化javascript使用的词典列表

我是Django的新手，我正在寻找一种理想的方法来处理从GraphQL查询的数据，并从数据中创建HTML元素以显示在我的网站上

我已经根据产品信息生成了一个字典列表，所有的字典都有“id”、“name”、“price”等，并按原样将它们传递到我的模板中

在模板上，我可以使用for循环遍历列表，并且项目在p元素中正确显示为{'id'：'…'，'title'：'…}。但是在js上，我看到的是一个包含[{'id'：…的字符串，从这个字符串生成js可用的字典列表的理想方法是什么

另外，使用过滤器声明变量| safe如下： var products=“{data | safe}}”；

---

由于某种原因生成意外的标识符错误。

您可以使用

json\u脚本

模板标记查看：

{{ value|json_script:"json-data" }}

这将渲染为一个标记，如下所示：

<script id="json-data" type="application/json">{"key": "value"}</script>

参考：

另一个选项是为使用javascript发出的ajax请求返回JsonResponse

const value = JSON.parse(document.getElementById('json-data').textContent);