页面表格:
<body>
<table border="1" cellpadding="0" cellspacing="0" width="100%" id="xianshi">
</table>
</body>
ajax代码块:
//Ajax获取
var index = $.ajax({
type: 'post',
url: Feng.ctxPath + 'database/getdata?uuid=' + Data.seItem.fileid,
dataType: 'json',
data: '',
success: function (result) {
console.log('详情',result);
var detailList = result.result;
if (detailList.length) {
$('.loadMore').hide();
for (var i=0;i<detailList.length;i++) {
var b_list = "<tr>";
//console.log('1',detailList.length,detailList[i])
var count=0;
for (j in detailList[i]) {
var arr = Object.keys(detailList[i]);
//console.log('1',arr);
console.log('2',arr.length);
count++;
if(i==0){
if(count<=50){
b_list += '<td>' + '<div class="b-type">'+j+'</div>'
+'<div class="b-value">'+detailList[i][j]+'</div>'+'</td>';
}else{
b_list += '<td>' + '<div class="b-type">'+j+'</div>'
+'<div class="b-value">'+'***'+'</div>'+'</td>';
}
}else{
if(count<=50){
b_list += '<td>' + '<div class="b-value">'+detailList[i][j]+'</div>'+'</td>';
}else{
b_list += '<td>' + '<div class="b-value">'+'***'+'</div>'+'</td>';
}
}
}
b_list += "</tr>";
$("#xianshi").append(b_list);
}
}
},
error:function () {
layer.msg('哎呀,找不到了');
}
});
效果如下: