<script src="../bootstrap3/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
showList();
});
function showList(){
$("#hot-list").empty();
$.ajax({
"url":"/products/hot",
"data":null,
"type":"get",
"dataType":"json",
"success":function(json) {
var data=json.data;
for(var i=0;i<data.length;i++){
var div = '<div class="col-md-12">'+
'<div class="col-md-7 text-row-2"><a href="product.html?id=#{id}">#{title}</a></div>'+
'<div class="col-md-2">¥#{price}</div>'+
'<div class="col-md-3"><img src="#{image}/collect.png" class="img-responsive" /></div>'+
'</div>'
div=div.replace("#{id}",data[i].id);
div=div.replace("#{title}",data[i].title);
div=div.replace("#{price}",data[i].price);
div=div.replace("#{image}",data[i].image);
$("#hot-list").append(div);
}
}
});
}
</script>
```
以下是HTML代码
<div id="hot-list" class="panel-body panel-item">
<div class="col-md-12">
<div class="col-md-7 text-row-2"><a href="product.html">广博</a></div>
<div class="col-md-2">¥23</div>
<div class="col-md-3"><img src="../images/portal/00GuangBo1040A5GBR0731/collect.png" class="img-responsive" /></div>
</div>