通过Django将Python数据传递给JavaScript

我建议不要在Django模板中放置太多Javascript-往往很难编写和调试，尤其是在项目扩展时。相反，尝试将所有Javascript写入一个单独的脚本文件中，以供模板加载，并在模板中仅包含JSON数据对象。这使你可以执行诸如通过JSLint等操作整个Javascript应用程序，对其进行缩小等操作，并且可以使用静态HTML文件对其进行测试，而无需依赖Django应用程序。使用诸如simplejson之类的库还可以节省你花费大量时间编写繁琐的序列化代码。

如果你不假设自己正在构建AJAX应用，则可以这样简单地完成操作：

在视图中：

from django.utils import simplejsondef view(request, …):    js_data = simplejson.dumps(my_dict)    …    render_template_to_response("my_template.html", {"my_data": js_data, …})

在模板中：

<script type="text/javascript">    data_from_django = {{ my_data }};    widget.init(data_from_django);</script>

请注意，数据类型很重要：如果my_data是简单数字或受控来源（不包含HTML）（例如格式化日期）中的字符串，则不需要特殊处理。如果有可能由用户提供不受信任的数据，则需要使用escape或escapejs过滤器之类的方法对其进行清理，并确保你的Javascript安全地处理数据，以避免跨站点脚本攻击。

就日期而言，你可能还需要考虑如何传递日期。我几乎总是发现最容易将它们作为Unix时间戳传递：

在Django中：

time_t = time.mktime(my_date.timetuple())

在Javascript中，假设你

time_t = {{ time_t }}

my_date = new Date();my_date.setTime(time_t*1000);

最后，请注意UTC-你将希望Python和Django日期函数以UTC交换数据，以避免尴尬地偏离用户本地时间。

编辑：请注意，javascript中的setTime以毫秒为单位，而time.mktime的输出为秒。这就是为什么我们需要乘以1000

2018更新：我仍然喜欢将JSON用于复杂值，但是在随后的十年中，HTML5数据API已经获得了通用浏览器的支持，并且非常方便地传递简单的（非列表/字典）值，特别是如果你希望使用CSS规则会根据这些值应用，并且你不必担心Internet Explorer的不受支持版本。

<div id="my-widget" data-view-mode="tabular">…</div>let myWidget = document.getElementById("my-widget");console.log(myWidget.dataset.viewMode); // Prints tabularsomethingElse.addEventListener('click', evt => {    myWidget.dataset.viewMode = "list";});

如果你想在Django模板中设置初始视图状态，并在Javascript更新

data-

#some-element::after { content: attr(data-active-transfers); }