javascript - 在 Django 模板中访问字典值

Question

我在访问要发送到 Django 模板的字典对象的值时遇到问题。我可以在我的 View 中访问和打印字典的内容，但是当我尝试将数据发送到我的模板时，会出现各种字符，比如没有正确编码。起初我认为这可能是序列化的问题，但我发现 this post 指出 json_serializer.serialize 应该与查询集一起使用。它是否正确？从这里我尝试了以下内容。

起初我尝试只发送数据变量本身而不像这样进行任何格式化

data = {'item_1': 123, 'item_2': 456, 'item_3': ['a','b','c'] }
return render(request, 'testsite/new_page.html', {'data' : data} )

在模板中我有以下内容

<script>var data = "{{ data }}"; </script>
<script>console.log(data);</script>

// displays the following
// &lt;testsite.views.data object at 0x1045f1e48&gt;

然后我尝试将数据格式化为JSON

data = {'item_1': 123, 'item_2': 456, 'item_3': ['a','b','c'] }
return render(request, 'testsite/new_page.html', {'data' : json.dumps(data.__dict__) } )

//template
<script>var data = "{{ data }}"; </script>
<script>console.log(data);</script>

// the following is the improperly formatted result
// {&quot;item_1&quot;: 123, &quot;item_2&quot;: 456, &quot;item_3&quot;: [&quot;a&quot;,&quot;b&quot;,&quot;c&quot;,]

如果我不使用 json.dumps(data.__dict__) 而只是使用 json.dumps(data) 我会得到一个关于对象不是JSON 可序列化

在我看来，我有以下几点。字典的内容格式正确。

print(data.__dict__)
import pdb; pdb.set_trace()

# displays the dict properly
# {'item_1': 123, 'item_2': 456, 'item_3': ['a','b','c'] }

在模板中尝试像这样使用 javascript 遍历数据对象，但它只显示格式不正确的字典的每个单独字符。

for (var key in data) {
    console.log(data[key]);
}

我做错了什么导致模板中的数据格式不正确？

Answer 1

考虑使用

return render(request, 'testsite/new_page.html', {'serialized_data' :json.dumps(data) } )

与

<script>var data = "{{ serialized_data | safe }}"; </script>

请注意 safe 过滤器会阻止 django 将您的 " 转换为 "