JSON数据解析生成一个每行10列，行数不固定的表格

来源：互联网发布：ubuntu查找java路径编辑：程序博客网时间：2024/05/21 05:59

JSON数据

{    "data":["金背大砍刀", "门扇大刀", "齐凤朝阳刀", "象鼻古月刀", "青龙偃月刀", "银龙锁日月三挺砍山刀", "三尖两刃刀", "合扇板门刀", "金背砍山刀", "三尖两刃四窍八环刀", "雁翎刀", "青铜刀", "丹凤刀", "板门红缨刀", "锈绒刀", "三挺金背刀", "狼牙刀", "七星刀", "金背刀", "三挺刀", "七星摺花刀", "虎牙刀", "九耳八环刀", "子母龙凤双刀", "鱼鳞紫金刀", "三叉鬼头刀", "厚背尖翅雁翎刀", "五金折铁刀 ","压把丘龙刀", "锯齿飞镰大砍刀", "电光刀"," 绣鸾刀"," 金背七星刀", "锯齿狼牙刀", "压把金背刀", "九耳八环青铜刀", "九凤朝阳刀", "象卷鼻子大刀", "八宝驼龙刀", "柳叶披风刀" ,"亮银刀", "金臂砍山刀" ,"九耳八环大砍刀"," 勾搂象鼻刀"]}

    $.ajax({            type:'get',            url:'test2.json',            dataType:'json',            success:function(data){                var tbody ='<tbody>';                var tr = "<tr>";                for(var i=0;i<Math.ceil(data.data.length/10);i++){                    for(var j=0;j<10;j++){                        if((i*10+j) >= data.data.length){                            tr += "<td></td>";                        }else{                            tr += "<td>"+data.data[i*10+j]+"</td>";                        }                    }                    tr += "</tr>";                }                tbody += tr;                $('#table').append(tbody);            },            error:function(message){              alert(message);            }        })

阅读全文

0 0