如何在Django模板中将Django列表用作JavaScript变量? - javascript

我有一个名为list_a的Django列表:

[['Host Name', 'No. of Events'], [u'12.23.21.23', 0], [u'2.152.0.2', 2]]

我在Django模板中使用Google Chart API。我必须将list_a设置为以下Java脚本变量:

var data = google.visualization.arrayToDataTable([
    ['Host_name', 'No of events'], 
    ['12.23.21.23', 0], 
    ['2.152.0.2', 2]
    ]);

上面的代码是硬编码的,但我想以以下方式使用:

var data = google.visualization.arrayToDataTable({{list_a}});

我尝试使用上述代码,并使用chrome中提供的javascript console选项进行了检查。它显示如下:

 var data = google.visualization.arrayToDataTable([['Host Name', 'No. of Events'], [u'12.23.21.23', 0], [u'2.152.0.2', 2]]);

我将上面的代码与硬编码的代码进行了比较,这是非常不同的,原因如下:

'
['12.23.21.23', 0]  See the quotes on ip address field but not to the next field

我应该如何使list_a等同于硬编码,以便我可以轻松获得所需的图表。

除此之外,为什么我尝试直接使用它时会出现此&#39

我正在使用此https://google-developers.appspot.com/chart/interactive/docs/gallery/combochart Google图表示例

参考方案

将其编码为JSON,将其标记为安全,然后将其打印出来。

var data = google.visualization.arrayToDataTable({{ list_a|json|safe }})

不幸的是,您需要编写或找到json过滤器,或在视图中将其编码为JSON。

如果我得到url(''),我该如何使用另一个URL - javascript

我是新手,正在写这篇文章,但是如果源上没有图像,那么我只有空白。有人可以告诉我,如果我正在获取背景图像,如何获取/images/no-image.jpg:url();这是我的代码:<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

Javascript IF语句 - javascript

                        嗨,我有这段代码可以正常工作,并将两个日历显示为一个日历。我还有一个php变量$login_session,其中包含登录电子邮件地址的用户。关于如何显示[email protected]日历的任何想法(伪代码)IF $login_session == "[email protected]&#…

对ID为'abc%'的dom执行操作 - javascript

我想对ID为'abc%'的DOM进行一些操作<a id='abc1'></a> <a id='abc2'></a> <a id='abc3'></a> <a id='abc4'></a>…

Jsonp没有出现``访问控制允许来源''错误 - javascript

在我的PHP中,我喜欢这样来回显jsonp类型的“ json数据”echo $_GET['callback'] . '('.json_encode($arr).')'; 在我的js(angularjs)中,$http.get('http://example.com/app/?callbac…

django self,save()之后的成功函数为pk - javascript

我可能会倒退,但是我试图在成功函数中使用pk创建要加载的href。该pk将是新的,并已由save()创建我想知道的是如何将self.pk包发布到js来使用它。JavaScriptJS$.ajax({ type: "POST", url: "/api/add/res/", data: JSON.stringify(dat…