使用artTemplate的模板引擎,使用簡單

閒話很少說   直接上代碼

 

 

html的模板  也使用判斷語句  簡單實用

<script src="http://aui.github.com/artTemplate/"></script>   //=====引入template.js文件

<script id="templateId" type="type/html">

{{each rows as value2 i}}

　　<li class="li_list" data-id="{{value2.id}}" data-name="{{value2.city}}">

　　<a href="javaScript:;">

　　　　<div class="left_box">

　　　　<div class="r_city">{{value2.area}}</div>

　　{{if value2.agent && value2.tel}}

　　　　<div class="l_name">{{value2.agent}}</div>

　　　　<div class="l_phone">{{value2.tel}}</div>

　　{{else}}

　　　　<div class="l_none">未設置代理</div>

　　{{/if}}

　　</div>

　　<div class="right_box">

　　　　<button id="getPopup1" type="button" class="r_button getPopup1">設置</button>

　　</div>

　　</a>

</li>

{{/each}}

</script>

//=====js請求

$.ajax({

　　url: url,

　　data: data,

　　type: post,

　　header: {'content-type': 'application/json'},

　　dataType: 'json',

　　success: function(res){

　　　　console.log(res)

　　　　if(res.code==200){

　　　　　　let result = template('templateId',{ rows: res.data})  //===注意點:  模板上得rows要跟template上得rows對應

　　　　　　$('ul').html(result) //===直接賦值就能夠實現了

　　　　}　　

　　}

 

 

})