{
  "code":0,
    "data":{
      "colum":[
        "李慧慧",
        "安杰",
        "赵琦"
      ],
      "data":{
        "2016-02-15":{
          "李慧慧":{
            "SUM(sales)":"145000" }
        },
        "2016-07-05":{
          "李慧慧":{
            "SUM(sales)":"100000" }
        },
        "2016-06-01":{
          "李慧慧":{
            "SUM(sales)":"600000" }
        },
        "2015-12-15":{
          "李慧慧":{
            "SUM(sales)":"136200" }
        },
        "2016-02-10":{
          "李慧慧":{
            "SUM(sales)":"85000" }
        },
        "2016-05-21":{
          "李慧慧":{
            "SUM(sales)":"2000" },
          "安杰":{
            "SUM(sales)":"145000" }
        },
        "2016-03-19":{
          "李慧慧":{
            "SUM(sales)":"45000" }
        },
        "2016-07-26":{
          "安杰":{
            "SUM(sales)":"3000" }
        },
        "2016-08-07":{
          "安杰":{
            "SUM(sales)":"14000" }
        },
        "2016-06-12":{
          "安杰":{
            "SUM(sales)":"5000" }
        },
        "2016-04-15":{
          "李慧慧":{
            "SUM(sales)":"6000" }
        },
        "2016-09-12":{
          "赵琦":{
            "SUM(sales)":"1000" }
        }
      },
      "row":[
        "2015-12-15",
        "2016-02-15",
        "2016-06-01",
        "2016-07-05",
        "2016-09-12",
        "2016-02-10",
        "2016-04-15",
        "2016-05-21",
        "2016-06-12",
        "2016-03-19",
        "2016-08-07",
        "2016-07-26"

      ]
    }

}

展示格式如下：
这里写图片描述
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
    <script src="jquery-1.11.3.js"></script>

</head>
<body>
<table class="table table-bordered"></table>
<script>

$(function () {

    $.ajax({
            type:"get",
            url:"test.json",
            dataType:'json',
            success:function (data) {
                queryTable(data);
            }
        });

        function queryTable(data){

        var thead = "<thead><tr  class='danger'><th>";
        var tbody = "<tbody>";
        var th = "";
        $.each(data.data.colum,function (key,value) {
            th = "<th>"+value+"</th>";
            thead += th;
        });
        var tr = "";
        var rowArr = data.data.row;
        var colArr = data.data.colum;
        for(var i=0;i<rowArr.length;i++){
            tr += "<tr><td>"+rowArr[i]+"</td>";
            for(var j=0;j<colArr.length;j++){
                var sumObj = data.data.data[rowArr[i]][colArr[j]];
                if(sumObj){
                    for(var k in sumObj){
                        tr += "<td>"+sumObj[k]+"</td>";
                    }
                }else{
                    tr += "<td></td>";
                }
            }
            tr += "</tr>";
        }
        tbody += tr;
        thead += "</tr></thead>";

       $('.table').append(thead+tbody);

    };
});


</script>
</body>
</html>

在本地测试的时候出现跨域问题看这篇博客：
http://blog.csdn.net/zhongshijun521/article/details/74331560

# ajax
GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支：1 个月前 )
960b763e 3 个月前
8c391e04 6 个月前
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的

avatar GitCode 开源社区

centOS 8 使用dnf安装Docker

DNF是什么？CentOS 8使用YUM软件包管理器版本v4.0.4。现在，该版本使用DNF(已删除YUM)。DNF是软件包管理器。它会在Linux发行版上安装，执行更新并删除软件包。使用DNF安装Docker跳过具有损坏依赖性的程序包一个有效的解决方案是使您的CentOS 8系统使用以下--nobest命令安装最符合条件的版本：sudo dnf install docker...

avatar GitCode 开源社区

定时同步数据库表(mysql+linux+crontab)

sync.sh里面的参数需要改变，ip/username/password/database/tablesync.sh#!/bin/sh# Please change the IP and password of the data source db.# Then change the table name.filename=/home/nington/db/$(date +%Y-%m

avatar GitCode 开源社区