首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将Jinja2数据发送到另一个js文件-- flask

将Jinja2数据发送到另一个js文件-- flask
EN

Stack Overflow用户
提问于 2018-06-02 02:52:46
回答 1查看 127关注 0票数 1

我有一个js文件,它用所有必要的参数绘制了一个函数。我希望在html中这样做:

代码语言:javascript
复制
<script  src="js/index2.js" value = {{GraphData}}></script>

js文件如下所示

代码语言:javascript
复制
var chart = AmCharts.makeChart("chartdiv", {
  "graphs": [{
  "id": "g3",
  "valueAxis": "v1",
   ...
   }],
  "Data" = {{GraphData}} 
})

有没有办法将图形数据传输到js文件?

EN

回答 1

Stack Overflow用户

发布于 2018-06-02 02:59:36

这里对script标记的功能有一个基本的误解。“值”不是HTML script标记的有效属性,它用于将JavaScript文件的文本内容导入到HTML文件中。

要实现您想要的功能,您可以简单地删除:

代码语言:javascript
复制
<script src="js/index2.js" value = {{GraphData}}></script>

并将其替换为您希望导入的内容:

代码语言:javascript
复制
var chart = AmCharts.makeChart("chartdiv", {
  "graphs": [{
  "id": "g3",
  "valueAxis": "v1",
  ...
  }],
  "Data" = {{GraphData}}  
})

关于HTML脚本标记herehere的更多信息。

如果您希望将此脚本保留在外部,则可以使用它来定义一个以{{GraphData}}作为参数的函数,如下所示:

代码语言:javascript
复制
function graphData(gd) {
  var chart = AmCharts.makeChart("chartdiv", {
    "graphs": [{
    "id": "g3",
    "valueAxis": "v1",
    ...
    }],
    "Data" = gd  
  });
}

然后在HTML文件中调用该函数,如下所示:

代码语言:javascript
复制
<script src="js/index2.js"></script>
<script>
  graphData({{GraphData}})
</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50649510

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档