// list 是ajax请求过来的数据
// obj是你选择的对象(我这里是选择的ul 让数据在ul 里面 展示)
var loadCouponUI = function(list, obj) {
var html = '';
$.each(list.list, function(k, info){
html += '<li>
<div class="coutop">
<a href="'+info.url+'"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="'+info.cover+'" width="230px" height="200px" alt=""></a>
<h4><a href="'+info.coupon_info.url+'">['+info.coupon_info.name+'] </a><a href="'+info.url+'">'+info.title+'</a></h4>
<p>有效期至 <em>'+info.end_time+'</em></p>
</div>
<div class="coubottom clearfix">
<p class="num left">
<span class="surplus-num">剩余<em>'+info.last_total+'</em>份</span>
<span class="totle-num">共<em>'+info.total+'</em>份</span>
</p>';
if (info.coupon_status == 1) {
html += '<a href="javascript:void(0);" class="btn btn-danger right">立即领取</a>';
} else if (info.coupon_status == 2) {
htim += '<a href="javascript:void(0);" class="btn btn-primary right">已领完</a>';
} else if (info.coupon_status == 4) {
html += '<a href="javascript:void(0);" class="btn btn-info right">已领取</a>';
}
html += '</div>
</li>';
})
obj.append(html);
}
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2866/viewspace-2815603/ ,如需转载,请注明出处,否则将追究法律责任。