JS模板引擎jTemplates 使用笔记（二）:Live Refresh!

1. 功能简介

允许选择的元素进行自动更新；使用简单但功能强大。

2. 方法说明

Updater jQuery.fn.processTemplateStart(String url, Array param, Integer interval, [Array args], [Object options]);

void jQuery.fn.processTemplateStop();

参数详细介绍请参考官方文档jTemplates。

3. 简单示例

本示例使用MVC框架搭建

I:使用*.Aspx搭建展示内容页

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script src="<%=Url.Content("~/Scripts/jquery-jtemplates.js") %>" type="text/javascript"></script>
<script type="text/javascript" >

</script>
<div id="result"></div>

I:Controller 和 Model

Controller代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
public ActionResult GetLiveData()
{
    return Json(new LiveModel
               {
                Time = DateTime.Now.ToString()
               }, JsonRequestBehavior.AllowGet);
}

public ActionResult GetLiveTemplate()
{
    return PartialView("RefreshTemp");
}

public ActionResult LiveRefresh()
{
    return View();
}

Model代码:

?
1
2
3
4
5
public class LiveModel
{
    public string Time { get; set; }

}