justin_t
justin_t
2019-01-09 14:38
采纳率: 100%
浏览 996

使用datatables用ajax调用数据,不能形成表格

想使用datatables通过ajax生成表格,但是表格一直生成不出来,显示的是载入中…(下图)。由于是内网,只能拍照片没法截图。


图片说明


图片说明


这是js对应的列表代码片段

 "columns": [
      {"data": "APP_ID"},
      {"data": "APP_NAME"},
      {"data": "APP_DESP"},
      {"data": "APP_LABEL"},
      {"data": "ORGANIZATION_ID"},
      {"data": "ORGANIZATION_NAME"},
      {"data": "ORGANIZATION_DESP"},
      {"data": "ORGANIZATION_LABEL"}
    ]

这是html对应的代码片段

<table id="example" class="table table-striped table-bordered">
    <thead>
        <tr>
            <th>应用ID</th>
            <th>应用名称</th>
            <th>应用描述</th>
            <th>应用注释</th>
            <th>机构ID</th>
            <th>机构名称</th>
            <th>机构描述</th>
            <th>机构英文名称</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • qq_42359291
    qq_42359291 2019-06-02 16:35
    已采纳

    一开始我遇到了和楼主一样的问题,我一开始的ajax代码是这样的;

      $("#table").dataTable({
                ajax : {
                    url : "/Admin/getNewOwner",
                    type : "get",
                    data : "",
    
                },
                columns : [
                    {data : "ownerID"},
                    {data : "card"},
                    {data : "name"},
                    {data : "sex"},
                    {data : "job"},
                    {data : "phone"},
                    {data : "family"}
    
                ]
            });
    

    后台返回的json是这样的:
    [
    {
    "ownerID":"a6c34b469",
    "card":"***********",
    "name":"张三",
    "sex":"man",
    "job":"湖南商学院",
    "phone":"*********",
    "family":"xxxxx"
    }
    ]
    datatable是这样的:图片说明
    解决方法是在ajax中加入dataSrc:''

     ajax : {
                    url : "/Admin/getNewOwner",
                    type : "get",
                    data : "",
                    dataSrc: ''
                },
    
    点赞 评论
  • A_smiling_angle
    A_smiling_angle 2019-01-09 17:19

    你用each循环,然后给tbody一个事件,用th拼接上去

    点赞 评论

相关推荐