【发布时间】:2023-03-19 06:47:01
【问题描述】:
我的页面上有很多数据表,我有一个通用的方法来填充它们,除了一个之外它们都可以正常工作。
我的ajax方法如下:
function AjaxGet(url, tableName) {
$.ajax({
method: 'GET',
url: url,
dataType: 'json',
contentType: 'application/json; charset=utf-8',
success: function (data) {
$('#' + tableName).dataTable({
destroy: true,
'bPaginate': false,
'aoColumns': DetermineColumns(tableName),
'aaData': data,
'sDom': '<"top">t<"bottom"><"clear">',
'bSort': false
});
}
});
};
我知道输入的 URL 和表名是正确的。
当我在开发者工具中调试时,我的数据如下所示:
DetermineColumns 函数包含 if..else.. 检查直到找到正确的表名,它成功完成,然后将以下内容返回到 aoColumns:
return [
{
'mDataProp': 'PartNum'
},
{
'mDataProp': 'ukstk'
},
{
'mDataProp': 'ukfob'
},
{
'mDataProp': 'de'
},
{
'mDataProp': 'fr'
},
{
'mDataProp': 'es'
},
{
'mDataProp': 'ae'
},
{
'mDataProp': 'usa'
},
{
'mDataProp': 'mx'
},
{
'mDataProp': 'jx'
}
];
这是我的 HTML 表格:
<div class="row">
<div class="col-md-6">
<table id="stdCostTable" class="table input">
<thead>
<tr>
<th></th>
<th>
UK-STK
</th>
<th>
UK-FOB
</th>
<th>
DE
</th>
<th>
FR
</th>
<th>
ES
</th>
<th>
AE
</th>
<th>
USA
</th>
<th>
MX
</th>
<th>
JX
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
请有人帮忙弄清楚为什么有问题的数据表没有被填充?
谢谢!
我也没有收到来自控制台或调试器的任何错误。就数据表而言,没有数据,因此,初始化它正确显示消息“表中没有可用数据”,但数据在分配给“aaData”时位于“数据”对象中。
【问题讨论】: