我正在使用F3 Template Language开发无脂肪框架,但遇到一个不确定的问题。
我有一个网页的一部分,其中包含来自数据库的数据,该数据需要在一定时间间隔内进行更新,以确保查看该页面的人正在查看最新信息。
我可以通过这种方式轻松加载数据:
<div id="container">
<include href="module/views/table_pending.htm"/>
</div>
这有效,但是不会间隔更新。我知道我需要为此使用jQuery,所以我尝试使用load()
方法来加载此页面分数,但是它无法正确呈现。
这是我的Javascript
function loadPageContents() {
$('#container').load('{{@BASE}}/app/modules/module/views/table_pending.htm');
}
loadPageContents();
这是我的table_pending.htm
的最低版本:
<repeat group="{{ @data }}" value="{{ @device }}">
{{ @device[uid] }}<br>
</repeat>
使用F3的include
元素时,我的页面按预期呈现:
但是当使用jQuery .load()
时,似乎根本没有真正解析F3的模板语言(因此变量没有被替换,循环无法正常工作等):
所以我的问题是,如何才能将此页面片段包含到我的主页中,按一定间隔进行更新,并且仍然呈现我的模板语言?