国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jQuery模板來展現json數據的代碼

2019-11-21 00:11:17
字體:
來源:轉載
供稿:網友
完整代碼:
復制代碼 代碼如下:

$.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("http://'")
.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() + " # >";
}

使用方法:

首先聲明這個模板

復制代碼 代碼如下:

<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>

然后使用
復制代碼 代碼如下:

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

就是這么簡單!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 两当县| 大兴区| 西充县| 公主岭市| 南溪县| 英山县| 宿州市| 诸暨市| 庆云县| 冷水江市| 乐东| 宁波市| 巩义市| 梨树县| 平和县| 卓资县| 塔河县| 闸北区| 荔波县| 三亚市| 合川市| 库尔勒市| 庆安县| 铅山县| 鄄城县| 霍州市| 潍坊市| 钟山县| 南陵县| 扶风县| 河源市| 大邑县| 涡阳县| 江源县| 龙门县| 苍梧县| 伊金霍洛旗| 文山县| 旬阳县| 刚察县| 平南县|