想使用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>
一开始我遇到了和楼主一样的问题,我一开始的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: ''
},
你用each循环,然后给tbody一个事件,用th拼接上去