如何将 django 上下文变量传递给 javascript？

【问题标题】：How do I pass django context variables into javascript?如何将 django 上下文变量传递给 javascript？
【发布时间】：2017-08-17 23:54:42
【问题描述】：

我正在使用 highcharts，它需要我将变量传递给它，例如 this

 series: [{
        name: 'Brands',
        colorByPoint: true,
        data: [{
            name: 'Microsoft Internet Explorer',
            y: 56.33
        }, {
            name: 'Chrome',
            y: 24.03,
            sliced: true,
            selected: true
        }, {
            name: 'Firefox',
            y: 10.38
        }, {
            name: 'Safari',
            y: 4.77
        }, {
            name: 'Opera',
            y: 0.91
        }, {
            name: 'Proprietary or Undetectable',
            y: 0.2
        }]

如何将其传递到我的 javascript 中？

【问题讨论】：

你可以使用python字典

标签： javascript python django web highcharts

【解决方案1】：

您可以在 Python 中生成数据结构，然后将其作为 JSON 对象传递给您的脚本。您需要使用像 django-argonauts 这样的库来安全地执行此操作。

在你看来：

data = {
    'series': [
        'name': 'Brands',
        'colorByPoint': true,
        # etc...
    ]
}

将此作为上下文变量传递给您的模板。

然后，在模板中：

{% load argonauts %}
<script>
  (function () {
      var data = {{ data|json }};
      // do something with data
  })();
</script>

|json 是 Argonauts 库提供的模板过滤器，它将为您正确处理所有数据的转义。

【讨论】：