javascript - 如何将 django 上下文变量传递到 javascript 中？

Question

我正在使用 highcharts，它要求我向其中传递这样的变量

 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 中？

Answer 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 库提供的模板过滤器，它将为您正确处理所有数据的转义。