我有一个函数,可以将json数据加载到jquery dataTable中
(...)
success: function (response) { LoadData(response.d); }
(...)
function LoadData(data)
{
$('#tableAnalysis').dataTable({
"aaData" : data
});
}
我的"数据"如下所示:
{"d":[{"Key":"sometext","Value":891},{"Key":"someothertext","Value":287},{"Key":"moretext..","Value":233}]}
我的 HTML 表如下所示:
<table id="tableAnalysis">
<thead>
<tr>
<th>Label</th>
<th>Frequency</th>
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>
我不断收到"警告 - 添加的数据与已知列数不匹配"。
我应该如何处理我的"数据"才能使数据表的格式正确?正确的格式是什么?
谢谢!
虽然你可以将数组传递给aaData,但我认为你不能像现在这样传递给JSON"对象"。您只能传递直线数组或对象数组。但是你不需要先做一个Ajax调用,然后填充aaData,因为DataTables本身已经有内置的Ajax功能。要执行 Ajax 数据检索然后显示它,您可以在 dataTable() 函数本身中完成所有操作:
$(document).ready( function() {
$('#tableAnalysis').dataTable( {
"sAjaxSource": "http://someurl.com/someresource.jsp" // obviously, a fake URL
});
})
预期格式为 JSON。但是,它期望以某种方式格式化 JSON,包括使用 aaData 参数,该参数将以预期的方式包含数据(只是更多的 JSON)。
整理好后,您可能需要检查数据集是否与可用列数 (2) 匹配,但在将预期数据传递到 dataTable() 函数之前,没有必要太担心它。
所以,关于数据。您可以在此处查看示例:http://datatables.net/release-datatables/examples/data_sources/ajax.html
如果采用sAjaxSource
路线,则数据的格式也需要与当前不同:
{
"aaData": [
[
"sometext",
891
],
[
"someothertext",
287
],
[
"moretext",
233
]
]
}
如果您的资源返回以这种格式格式的数据,我不明白为什么它不起作用。我的一部分担心不包含<td>
的<tr>
元素,但我没有仔细检查这方面的要求。
顺便说一句:对于原始的JSON,您对JavaScript键值对的创建方式表现出一些误解。例如,您有一个名为"Key"的键,其值为"sometext",然后是另一个名为"Value"的键,其值为"891"。我想有很多方法可以使用这种模式,但它的语义开始变得混乱。;-)大多数时候,你不会称你的密钥为"Key",它只是密钥:
{
"name" : "Greg",
"species" : "monkey",
"level" : 9000
}
在这个关联数组中,冒号左侧的所有内容都是键,右侧的所有内容都是值。