javascript - 将 Jinja2 数据发送到另一个 js 文件——flask
问题描述
我有一个 js 文件,它用所有必要的参数绘制一个函数。我希望在 html 中做这样的事情:
<script src="js/index2.js" value = {{GraphData}}></script>
js 文件看起来像这样
var chart = AmCharts.makeChart("chartdiv", {
"graphs": [{
"id": "g3",
"valueAxis": "v1",
...
}],
"Data" = {{GraphData}}
})
有没有办法将图形数据传输到js文件?
解决方案
这里对 script 标签的功能存在根本性的误解。“值”不是 HTML 脚本标签的有效属性,该标签用于将 JavaScript 文件的文本内容导入您的 HTML 文件。
要实现您想要的,您可以简单地删除:
<script src="js/index2.js" value = {{GraphData}}></script>
并将其替换为您要导入的内容:
var chart = AmCharts.makeChart("chartdiv", {
"graphs": [{
"id": "g3",
"valueAxis": "v1",
...
}],
"Data" = {{GraphData}}
})
如果您想将此脚本保留在外部,则可以使用它来定义一个以 {{GraphData}} 作为参数的函数,如下所示:
function graphData(gd) {
var chart = AmCharts.makeChart("chartdiv", {
"graphs": [{
"id": "g3",
"valueAxis": "v1",
...
}],
"Data" = gd
});
}
然后在您的 HTML 文件中调用该函数,如下所示:
<script src="js/index2.js"></script>
<script>
graphData({{GraphData}})
</script>
推荐阅读
- python - 如何创建基于事件(每 x 事件)的 Stripe 订阅计划,而不是基于时间间隔(每 x 个月)的订阅计划?
- python - 如何根据条件将列中的值减半?
- crystal-reports - 水晶报表页脚(增加页脚大小)
- c# - 为 SQLite 中的命令 INSERT 提供的参数不足
- javascript - 从 api 获取数据后运行脚本标签
- android - 华为手机Unity项目输入法不完整弹出
- python - 您如何获取组合结果并保存到列表中?
- llvm - 如何在 LLVM 中实现反向数据流分析传递?我们需要自己实现worklist算法吗?
- android - 在 buttonclick 上更改 TextView 文本时面临问题
- docker - 如何获取服务的端口号 - Docker 撰写文件