jquery tmpl插件
2024-09-03 02:32:39
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。
这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML。
浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是,结构不复杂的时候还好,结构一复杂,就想死了,需要很小心很小心地写出几乎无法维护的 JavaScript 代码。
因此一些用模版生成HTML的的框架相继出现jquery.tmpl 就是其中的一种
<div class='squadBody'>
<div>
<script>
$("#squadTmpl").tmpl(result.ReturnValue).appendTo('#squadBody');
</script>
<script id="squadTmpl" type="text/x-jquery-tmpl">
<div class="row qy_box2">
<span class="badge">${Index} 队</span>
<button type="button" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#edit3" data-key="{{= Id}}">${Name}<span class="badge">${Count}</span></button>
<a class="btn btn-default btn-sm ttip" data-placement="top" title="添加人员" href="javascript:void(0)" data-key="{{= Id}}" onclick="AddMemberSales(this)"><i class="fa fa-plus"></i></a>
</div>
</script>
最新文章
- [Android Tips] 21. Regex Named Groups in Android
- WinForm 窗体基本属性、公共控件
- SQLServer : EXEC和sp_executesql的区别
- MySQL触发器如何正确使用
- Statement及PreparedStatement执行多个sql
- Android开发之onClick事件的三种写法(转)
- Fire Net HDU
- LSM树存储模型
- PHP的抽象类、接口类的区别和选择【转载】
- 简单易学的SSM(Spring+SpringMVC+MyBatis)整合
- Mycat 配置说明(schema.xml )
- Centos下安装Python的问题汇总
- 发现了一个比较有意思的url参数
- OpenGL中VA,VAO,VBO和EBO的区别
- jetty8 text/plain默认字符编码的坑
- 在Windows上部署dubbo-admin(监控中心)
- IPv4套接字地址结构
- 更换JDK版本时的问题:Error: could not open `C:\Java\jre7\lib\amd64\jvm.cfg&#39;
- STL基础--String
- ZooKeeper学习之文件系统的布局和格式