Question

我正在将jquery数据表集成到我的项目中。当调用服务时，一些错误引发错误的方法

无法读取未定义的属性“分类”

这是代码

时间轴

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script  src="js/jquery.dataTables.js"></script>

<body>

<script>

$(document).ready( function() {
  $('#example').dataTable( {
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "URL",
    "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
    console.log(aoData);
      oSettings.jqXHR = $.ajax( {
        "dataType": 'json',
        "type": "POST",
        "url": sSource,
        "data": aoData,
        "success": fnCallback
      } );
    }
  } );
} );

</script>

<div id="dvContent">
 <table cellpadding="0" cellspacing="0" border="0"  id="example">

 </table>
</div>

</body>

以下是服务器的Sample out put

{ “一些”： “YYY”， “开放”：空， “节目”：1， “多”：“必须”， “意见”：000 }

Answer 1

你的桌子需要一个THEAD部分和一个TBODY部分：

<table cellpadding="0" cellspacing="0" border="0"  id="example">
   <thead><tr><th>First Column</th><th>Second Column etc.</th></tr></thead>
   <tbody>
   </tbody>
</table>

注意：您的THEAD不是为空也很重要，因为dataTable要求您指定<tr><th></th></tr>指定的预期数据的列数

Answer 2

除了上面的@bumptious之外，重要的是要注意THEAD部分不能为空; dataTables要求<tr><th>column1</th></tr>内容作为表中的占位符。

Answer 3

使用＆＃34; order＆＃34;时也会发生此错误条款并参考不存在的字段/列。

Answer 4

谢谢，

表应该有＆amp;部分。

Answer 5

确保您的表的数据列数td等于标题列th。

Jquery数据表集成错误？

5 个答案: