javascript - 将字典从 View 传递到模板时如何处理撇号？

Question

我正在尝试将一些字典从 View 传递到模板中的 JavaScript。

view.py 中的数据如下所示:

node_result = [{'y': 0.40750126710593004, 'x': 1}, {'y': 1.0, 'x': 0}, {'y': 0.10288900152052712, 'x': 0}]
edge_result = [{'source': {'y': 0.40750126710593004, 'x': 1}, 'target': {'y': 0.40750126710593004, 'x': 1}}]

在我的模板中，我以这种方式检索它:

var nodes = {{node_result}};

var links = {{edge_result}};

但是，当我使用浏览器检查 javascript 时，我收到此错误:

显然，撇号有问题，那么如何传输字典呢？

注意:当我直接在 JavaScript 中复制+粘贴字典时，这有效

Answer 1

您需要首先将字典转换为 JSON:

json.dumps(node_result))

然后在模板中您应该关闭自动转义:

{% autoescape off %}
var nodes = {{node_result}};
var links = {{edge_result}};
{% endautoescape %}

您还可以这样做:

var nodes = {{ node_result|safe }};
var links = {{ edge_result|safe }};

文档 https://docs.djangoproject.com/en/1.8/ref/templates/builtins/