jquery json html模板,使用jQuery模板来展现json数据的代码

完整代码：

$.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("

.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() + " # >";

}

使用方法：

首先声明这个模板

nameagedatetype

var xing = items.pm;

#>

#>

记录

然后使用

$(function(){

var json={"items":{"pm":{"key":"value","key1":"value1"},"pm1":"pmvalue"}};

var output=$('#template').parseTemplate(json);

$('#cc').html(output);

})

就是这么简单！