0

我有一个将 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>

我不断收到“警告 - 添加的数据与已知的列数不匹配”。

我应该如何处理我的“数据”以便采用正确的数据表格式？什么是正确的格式？

谢谢！

4

1 回答 1

0

尽管您可以将数组传递给 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
        ]
    ]
}

如果您的资源返回以这种方式格式化的数据，我不明白为什么它不起作用。我的一部分担心<tr>不包含的元素，<td>但我没有仔细检查这方面的要求。

顺便说一句：对于您的原始 JSON，您对 JavaScript 键值对的创建方式存在一些误解。例如，您有一个名为“Key”的键，其值为“sometext”，然后是另一个名为“Value”的键，其值为“891”。我想你可以通过多种方式使用这个模式，但它的语义开始变得混乱。;-) 大多数情况下，您不会将密钥称为“密钥”，它只是密钥：

{
  "name" : "Greg",
  "species" : "monkey",
  "level" : 9000
}

在这个关联数组中，冒号左侧的所有内容都是键，右侧的所有内容都是值。

于 2012-08-09T02:36:18.713 回答