html:
<div class="mui-card mui-card-content">
<b> 推荐服务 </b>
<div class="mui-content">
<div class="mui-row" id="lll">
</div>
</div>
</div>
Js:
$.ajax({
url: "http://124.93.196.45:10001/prod-api/api/service/list",
type: "GET",
headers: {
'Content-Type': "application/x-www-form-urlencoded",
},
data: "",
success: function(recover) {
for (var i = 0; i < 6; i++) {
var html = `
<div class="mui-col-sm-4">
<li class="mui-table-view-cell">
<div class="djs">
<img src="http://124.93.196.45:10001${recover.rows[i].imgUrl}" />
<div/>
<div class="ddd">
${recover.rows[i].serviceName}
</div>
</li>
</div>
`;
document.getElementById("lll").innerHTML += html;
}
},
error: function() {
}
});
效果: