Jquery tmpl的实战应用

最进用asp.net mvc 结合Jquery tmpl完成了一个简单的数据查询。

首先，我在Controllers目录下添加了JsonControllers控制器：

由于MVC框架默认不允许使用Json响应Get请求，需要开启，开启代码为JsonRequestBehavior.AllowGet。

接下来，在Index视图层添加代码：

在View中如果不使用@Ajax.ActionLink,那么也可以使用：

最后，添加Jquery模板插件jquery.tmpl.min.js，然后在View中导入脚本：

@Scripts.Render("~/Scripts/jquery-1.8.2.min.js")
@Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js")

@Scripts.Render("~/Scripts/jquery.tmpl.min.js")

再添加模板-占位符格式，即$(json对象属性名)：

为了模板装载数据并最终生成HTML,添加到表格中：

到这里，大功告成，我们一起来看看效果吧！！！