使用 Django 模板（列表和字典）将 Python 数据结构转换为 js 数据结构

Question

我有一个 Django 视图，它返回一个这样的字典列表

data = [{'year': 2006, 'books': 54},
        {'year': 2007, 'books': 43},
        {'year': 2008, 'books': 41},
        {'year': 2009, 'books': 44},
        {'year': 2010, 'books': 35}]

c = {
    'data': data,
    }
return render(request, 'template.html', c)

模板文件中包含一些基本的 JavaScript，可以执行类似的操作。

var data = "{{data}}";
console.log(data);
//..... Then other functions

问题是数据通过如下格式的模板进入 JavaScript，其中 ' 用于引号。

{'books': 4, 'year': 2010}, {'books': 7, 'year': 2011}

我尝试使用以下命令将字典列表转储到 python 中的 json 字符串：

simplejson.dumps(data)

但没有快乐。有关修复的任何建议和想法？人们如何使用 django 模板将 python 数据结构转换为 js 数据结构

注意：理想情况下，js 数据变量应如下所示：

var data = [{year: 2006, books: 54},
        {year: 2007, books: 43},
        {year: 2008, books: 41},
        {year: 2009, books: 44},
        {year: 2010, books: 35}];

Answer 1

这是 django 设计的一部分，旨在阻止用户生成的数据未经转义进入输出。 （XSS预防等）

为了解决这个问题，您需要使用json.dumps() 的组合（在 py>=2.6 中不推荐使用simplejson）来确保输出是 JS 安全的，并使用var data = "{{ data|safe }}" 来明确告诉 django 不要逃跑该变量的输出。