欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用jQuery模板來展現(xiàn)json數(shù)據(jù)的代碼

 更新時(shí)間：2010年10月22日 10:20:47   作者：  
通常我們在使用ajax的時(shí)候，都避免不了和json這種輕巧的數(shù)據(jù)格式打交道?？墒峭謩?dòng)的去解析json，構(gòu)建HTML，比較麻煩?，F(xiàn)在有了這個(gè)插件，就能像Extjs那樣使用模板解析json了。
完整代碼：
復(fù)制代碼 代碼如下:

$.fn.parseTemplate = function(data)
{
var str = (this).html();
var _tmplCache = {}
var err = "";
try
{
var func = _tmplCache[str];
if (!func)
{
var strFunc =
"var p=[],print=function(){p.push.apply(p,arguments);};" +
"with(obj){p.push('" +
str.replace(/[\r\t\n]/g, " ")
.replace(/'(?=[^#]*#>)/g, "\t")
.split("'").join("\\'")
.split("\t").join("'")
.replace(/<#=(.+?)#>/g, "',$1,'")
.split("<#").join("');")
.split("#>").join("p.push('")
+ "');}return p.join('');";

//alert(strFunc);
func = new Function("obj", strFunc);
_tmplCache[str] = func;
}
return func(data);
} catch (e) { err = e.message; }
return "< # ERROR: " + err.toString() + " # >";
}

使用方法：

首先聲明這個(gè)模板

復(fù)制代碼 代碼如下:

<script id="template" type="text/html">
<table style="width:400px;">
<thead>
<tr>
<th>name</th>
<th>age</th>
<th>date</th>
<th>type</th>
</tr>
</thead>
<tbody>
<#

var xing = items.pm;
#>
<tr>
<td>
<#= xing.key #>
</td>
<td>
<#= xing.key1 #>
</td>
<td>
<#= xing.key #>
</td>
<td>
<#= items.pm1 #>
</td>
</tr>
<#

#>
</tbody>
</table>
<br />
<#= items.pm.length #> 記錄
</script>

然后使用
復(fù)制代碼 代碼如下:

$(function(){
var json={"items":{"pm":{"key":"value","key1":"value1"},"pm1":"pmvalue"}};
var output=$('#template').parseTemplate(json);
$('#cc').html(output);
})

就是這么簡單！

相關(guān)文章

最新評(píng)論