jQuery 템플릿을 사용하여 json data_jquery를 표시하는 코드

전체 코드:

코드 복사 코드는 다음과 같습니다.

$.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, 인수); };"
"with(obj){p.push('"
str.replace(/[rtn]/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); ) { err = e.message; }
return "< # ERROR: " err.toString() " # >"
}

사용법:

먼저 이 템플릿을 선언하세요.

코드를 복사하세요. 코드는 다음과 같습니다.

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

간단해요!