qq_32504001 2016-03-23 08:16 采纳率: 100%
浏览 3609
已采纳

jquery ajax 读取json数据存入表格中

test.txt的json数据如下
[
{"XH":1,"YWName":"业务1","SName":"系统1","QDName":"渠道1","HJNumber":5},
{"XH":2,"YWName":"业务2","SName":"系统2","QDName":"渠道2","HJNumber":6},
{"XH":3,"YWName":"业务3","SName":"系统3","QDName":"渠道3","HJNumber":7}
]

jquery ajax读取json数据的方式

$.getJSON('test.txt',function(data){

}

表格:


































table>

改如何实现呢

序号 业务名称 系统名称 渠道名称 环节数 操作
  • 写回答

3条回答 默认 最新

  • danielinbiti 2016-03-23 08:26
    关注
     <script>
    $(document).ready(function(){
       var data = [
    {"XH":1,"YWName":"业务1","SName":"系统1","QDName":"渠道1","HJNumber":5},
    {"XH":2,"YWName":"业务2","SName":"系统2","QDName":"渠道2","HJNumber":6},
    {"XH":3,"YWName":"业务3","SName":"系统3","QDName":"渠道3","HJNumber":7}
    ];
      var $table=$('<table border="1"></table>');
      var $head =$('<tr><td>序号</td><td>业务名称</td><td>系统名称</td><td>渠道名称</td><td>环节数</td><td>操作</td></tr>');
    $table.append($head);
      for(var i=0;i<data.length;i++){
        var row = data[i];
        var $tr = $('<tr></tr>');
        var XH= $('<td>'+row['XH'] + '</td>');
        var YWName= $('<td>'+row['YWName'] + '</td>');
        var SName= $('<td>'+row['SName'] + '</td>');
        var QDName= $('<td>'+row['QDName'] + '</td>');
        var HJNumber= $('<td>'+row['HJNumber'] + '</td>');
        $tr.append(XH).append(YWName).append(SName).append(QDName).append(HJNumber).append('<td></td>');
       $table.append($tr);
      }
      $('body').append($table);
    });
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 双目摄像头标定后的校准文件
  • ¥15 从键盘输入不管多少字符或者数组 输出的时候先提示输出再显示结果 输出的时候字符间间隔一个空格符
  • ¥30 频率分析法分析绘制奈奎斯特图、波特图
  • ¥15 弹出来一万个系统找不到指定的文件框框,怎么解决
  • ¥15 ADS生成的微带线为什么是蓝色空心的
  • ¥15 求一下解题思路,完全不懂
  • ¥15 tensorflow
  • ¥15 densenet网络结构中,特征以cat方式复用后是怎么进行误差回传的
  • ¥15 STM32G471芯片spi设置了8位,总是发送16位
  • ¥15 R语言并行计算beta-NTI中tree文件的类型