如何将django上下文变量传递到javascript中?
我使用的是highcharts,它需要我向它传递这样的变量如何将django上下文变量传递到javascript中?,javascript,python,django,web,highcharts,Javascript,Python,Django,Web,Highcharts,我使用的是highcharts,它需要我向它传递这样的变量 series: [{ name: 'Brands', colorByPoint: true, data: [{ name: 'Microsoft Internet Explorer', y: 56.33 }, { name: 'Chrome', y: 24.03,
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生成数据结构,然后将其作为JSON对象传递给脚本。您需要使用类似的库才能安全地执行此操作 在你看来:
data = {
'series': [
'name': 'Brands',
'colorByPoint': true,
# etc...
]
}
将其作为上下文变量传递给模板
然后,在模板中:
{% load argonauts %}
<script>
(function () {
var data = {{ data|json }};
// do something with data
})();
</script>
{%load argonauts%}
(功能(){
var data={{data}json};
//处理数据
})();
其中,
| json
是Argonauts库提供的模板过滤器,它将为您正确处理所有转义数据。您可以用Python生成数据结构,然后将其作为json对象传递给脚本。您需要使用类似的库才能安全地执行此操作
在你看来:
data = {
'series': [
'name': 'Brands',
'colorByPoint': true,
# etc...
]
}
将其作为上下文变量传递给模板
然后,在模板中:
{% load argonauts %}
<script>
(function () {
var data = {{ data|json }};
// do something with data
})();
</script>
{%load argonauts%}
(功能(){
var data={{data}json};
//处理数据
})();
其中,
| json
是Argonauts库提供的模板过滤器,它将为您正确处理所有转义数据。您可以使用python字典您可以使用python字典