Warum kann jQuery dataTables meinen JSON nicht analysieren?
Ich versuche a. Zu bevölkernDatentabelle wie folgt:
$("#my-datatable").dataTable( {
"sAjaxSource" : "/someURLOnMyServer",
"bDestroy" : true,
"fnServerParams" : function(serverParams) {
serverParams.push(
{
"name" : "widget",
"value" : token
}
);
}
});
Und die HTML-Tabelle, die es auffüllt:
<table id="my-datatable">
<thead>
<tr>
<th>Type</th>
<th>Value</th>
<th>ID</th>
<th>Fizz</th>
<th>Buzz</th>
</tr>
</thead>
<tbody></tbody>
</table>
Laut Firebug lautet der vom Server zurückgesendete JSON:
[
{
"id":1,
"attributeType":{
"id":1,
"name":"test1",
"tag":"test-type",
"is-dog":false
},
"attributeValue":{
"id":null,
"name":"blah",
"tag":"BLAH"
},
"buzz":1,
"fizz":"53abc"
}
]
Aber Firebug löst den folgenden JavaScript-Fehler in seiner Konsole aus:
TypeError: aData is undefined
[Break On This Error]
for ( i=0 ; i<aData.length ; i++ ) --> jquery.dataTables.js (line 2541)
Kann jemand erkennen, was falsch läuft? Entweder richte ich meine nicht eindataTable
Objekt korrekt, oder das zurückkommende JSON stimmt nicht mit dem "Schema" der HTML-Tabelle überein, die es aufzufüllen versucht. In jedem Fall bin ich verloren. Danke im Voraus!