使用jq 的map方法,对请求数据的重新整理,并渲染出来
//取出 back的数据,重新整理
data = data["back"]
arr = $.map(data, function (item) {
var rObj = {};
//rObj["自定义的key"] = 请求数据的value
rObj["id"] = item.id;
rObj["nickname1"] = item.nickname1 || item.user1+"0000";
rObj["nickname2"] = item.nickname2 || item.user2 + "0000";
rObj["pknum"] = item.pknum;
rObj["runnum"] = item.runnum;
rObj["winner"] = item.winner == item.user1 ? item.nickname1 || item.user1 + "0000" : item.nickname2 || item.user2;
return rObj;
}
//渲染数据
for (var i = 0; i < arr.length; i++) {
var show = `<div class="dbox1" style="display:block">
<div class="idpk">${i + 1}</div>
<div class="content">
<div class="pk_top">
<span>轮数:${arr[i].pknum}</span>
<span>场次:${arr[i].runnum}</span>
<span>胜者:${arr[i].winner}</span>
</div>
</div>`
$('.dd1').append(show)
}
});