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

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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值