juicer高效、輕量的前端 (Javascript) 模板引擎的應用與 js-json格式轉換爲數組

先寫前臺界面：

script id="tpl" type="text/template">
        {@each list as it,index}
            <a href="#?id=${it.id}&type=${it.type}">
            	<li>
	            <span>${it.title}</span>
	            <time>${it.dtime}</time>
	            </li>
            </a>
        {@/each}
</script>

juicer調用的數據通過js控制檯打印 console.log(data);

js通過ajax得到的json數據爲字符格式

json 數據 轉化爲juicer可調用的數據格式json

var myobj = eval("["+data+"]");
 myobj=myobj[0];
 var json ={
   list : myobj
};

var tpl = document.getElementById('tpl').innerHTML;
var html = juicer(tpl, json);

得到的html相當於字符組件，通過jquery加到html頁面中

$(".container ul").append(html);