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(" .split("#>").join("p.push('")
"');}return p.join('');";

//アラート(strFunc );
func = new Function("obj", strFunc);
_tmplCache[str] = func;
return func(データ); ) { err = e.message; }
return "";


使用法:

まず、このテンプレートを宣言します

コードをコピーします コードは次のとおりです:

>










;/tr>

var xing =

;


🎜>

.pm1 #>


#> table>
< ;br />



を使用します



コードをコピーします


コードは次のとおりです:

$(function(){

var json= {"items":{"pm": {"key":"value","key1":"value1"},"pm1":"pmvalue"}}; ).parseTemplate(json); $('#cc').html(output); }) とても簡単です。