ajax请求双重遍历数据交互

数据格式如图所示:

ajax请求双重遍历数据交互_第1张图片

代码:

$.ajax({
    type: "get",
    url: "./package.json",
    data: {
        'oaId': '46591',
    },
    dataType: "json",
    success: function(data){
     console.log(data);
        var tablebox = '', value_type = '';
    for(var j in data) {
        tablebox += '
'; tablebox +=''; for (var k in data[j]) { var value = data[j][k]; if(value.type == 'WORK'){ value_type = '工作日';}else if(value.type == 'WEEKEND'){value_type = '周末';}else if(value.type == 'HOLIDAY'){ value_type = '节假日';} tablebox += ''; } tablebox += '
日期星期日期类型签入时间签出时间状态打卡明细
'+ value.date + '' + value.weekday + '' + value_type + '' + value.timeIn + '' + value.timeOut + '' + value.note + '' + value.details + '
'; } $('#table01').append(tablebox); $('#table01 .slide:eq(0)').show(); } });

效果图:

ajax请求双重遍历数据交互_第2张图片

 

你可能感兴趣的:(ajax)