关于无刷新分页跳转，使用jquery tmpl (他妈跑了)

这篇帖子是我在第一次使用之后怕忘记所写，很渣

ajax可以实现小部分的数据刷新，但是大量的页面数据需要刷新，分页之类的使用ajax拼写字符串就不合适了，所以使用 模板。

首先需要引入js

模板格式大致如此

<script id="myTemplate" type="text/x-jquery-tmpl"> 
<tr>
        <td>{{= id}}</td>
        <td>{{= name}}</td>
</tr> 
</script> 

${}等同与{{=}}是输出变量 ${}里面还可以放表达式 （=和变量之间一定要有空格，否则无效） 为什么选择使用 {{= id}} 而不是 ${id} ，这是因为在jsp页面中引入EL表达式时，会发生冲突而无法取值。

将数据填充模板

$.ajax({
        		url:"dataf!getMajorList.action",
        		type:'POST',
        		dataType:'json',
        		success:function(data){
        			var ss=JSON.parse(data.detail);
        			console.log(ss);
        			$("#myTemplate").tmpl(ss).appendTo('#tbody'); 
        		}
        	})

ss要是json对象才可以。且对象里面有属性id，name跟模板一一对应。

常见的一些方法：

$.template()方法，将一段Html编译为模板。 ${}:占位符，另一种写法{{= field}},必须注意的是"="号后必须跟一个空格。 关于一些标签详见这位仁兄的博客 循环分支嵌套等

转载于:https://my.oschina.net/u/3314800/blog/850025