内联javascript以避免hackish数据API

时间:2013-04-23 00:58:35

标签: javascript model-view-controller jqplot jinja2

我需要在jinja2模板中使用jqplot渲染绘图。模板可以访问需要绘制的数据。我可以通过将数据嵌入到html中或通过某些API将数据传递给某些外部javascript,但它似乎更实用,更简单,只需包含几行javascript来渲染模板中的情节。这样,绘图中涉及的所有内容都组合在一起。

有没有一些标准的方法呢?

1 个答案:

答案 0 :(得分:0)

我不确定除了明显的东西之外你还在问什么。将数据直接嵌入页面的标准方法是在页面HTML中直接声明<script>标记内的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>

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