javascript - 内联 javascript 以避免 hackish 数据 API

Question

我需要在 jinja2 模板中使用 jqplot 渲染绘图。模板可以访问需要绘制的数据。我可以通过将数据嵌入到 html 中或通过某些 API 将数据传递给一些外部 javascript，但简单地包含几行 javascript 以在模板中呈现绘图似乎更实用且不那么 hack-ish。这样，绘图中涉及的所有内容都组合在一起。

有没有一些标准的方法来做到这一点？

Answer 1

我不确定你在问什么。将数据直接嵌入页面的标准方法是<script>在页面 HTML 中的标签内声明 javascript 数据结构。然后，您可以直接使用其他页面 javascript 引用数据，而无需从服务器获取数据：

<script>
var pageData = [
   {prop1: true, prop2: false, name: "foo"},
   {prop1: false, prop2: false, name: "whatever"},
];
</script>

或者，如果你想给全局命名空间，你有一个地方可以放置其他全局变量：

<script>
var myNameSpace = myNameSpace || {};
myNameSpace.pageData = [
   {prop1: true, prop2: false, name: "foo"},
   {prop1: false, prop2: false, name: "whatever"},
];
</script>

如果您的问题与此不同，请澄清。