Django:将JSON从视图传递到模板

时间:2015-07-01 01:36:19

标签: javascript json django django-1.7 cal-heatmap

views.py中,我将时间序列数据存储在字典中,如下所示:

time_series = {"timestamp1": occurrences, "timestamp2": occurrences}

其中每个timestamp处于unix时间,occurrences是整数。

有没有办法在render函数的上下文中将时间序列数据作为json对象传递?

为什么这样做:我在前端使用Cal-heatmap,这要求数据采用json格式。 Ajax请求现在工作得很好,但我希望尽可能使用render方法。

4 个答案:

答案 0 :(得分:25)

如果前端库需要解析JSON,您可以使用json库将python dict转换为JSON有效字符串。使用escapejs过滤器

import json

def foo(request):
    json_string = json.dumps(<time_series>)
    render(request, "foo.html", {'time_series_json_string': json_string})


<script>
    var jsonObject = JSON.parse('{{ time_series_json_string | escapejs }}');
</script>

答案 1 :(得分:2)

您是否尝试将类似json.dumps(time_series)的内容传递给渲染功能?

答案 2 :(得分:2)

json.dumps值传递给模板。它已经是一个有效的JSON字符串,因此您无需解析它或任何其他内容。只有在模板中呈现它时,才将其标记为safe以防止HTML引用。

# views.py
def foo(request):
    time_series_json = json.dumps(time_series)
    return render(request, 
                  "template.html", 
                  context={'time_series': time_series_json})

# in the template
<script>
    const timeSeries = {{ time_series | safe }};
</script>

答案 3 :(得分:1)

使用 Django templates built-in filter json_script

views.py中:

render(request, "foo.html", {'time_series_data': time_series})

在模板 foo.html 中:

{{ time_series_data|json_script:"time-series-data" }}

在您的脚本中:

const timeSeriesData = JSON.parse(document.getElementById('time-series-data').textContent);