Question

我是jquery数据表的新手，我有一个数据表，我想使用ajax在其中添加一些行，每次调用该函数时，它都会给我以下错误，

TypeError: $(...).dataTable(...).fnAddData is not a function

一切正常，而我正在使用静态数据，我正在添加像，

$.ajax({
    url: "<?=site_url('controller/function/'any-id)?>",
    success: function(result){

        $.each(result, function(i, v) {
            $('#mytable').dataTable().fnAddData( [
                                                        v.id,
                                                        v.name
                                                ] );
            });
        }
});

虽然，我的表结构看起来像，

<table id="my_table" class="table">
  <thead>
    <tr>
       <th>ID</th>
       <th>Name</th>
    </tr>
  </thead>
  <tbody>
    // tried with some <tr><td></td></tr> as well..
  </tbody>
</table>


<script>
$(document).ready(function(){
    $('#my_table').dataTable({
        "bFilter": false,
        "bInfo": false,
        "bPaginate": false,
        "sDom": 'lfrtip'
    });
});
</script>

Answer 1

您是否考虑过使用sAjaxSource属性添加Ajax数据？（例如：http://www.datatables.net/release-datatables/examples/ajax/ajax.html）

$(document).ready(function(){
    $('#my_table').dataTable({
        "bFilter": false,
        "bInfo": false,
        "bPaginate": false,
        "sDom": 'lfrtip',
        "sAjaxSource": '<?=site_url('controller/function/'any-id)?>'
    });
});

另外，请确保使用正确的URL来获取数据，并且数据格式正确。

jquery数据表添加行不起作用

1 个答案: