使用AJAX調用中的php更新DataTable

Question

我正在使用示例-> http://datatables.net/examples/api/add_row.html

在我的情況下，我將ajax調用發送到收集了一系列參數的php腳本。 然后，我將使用這些參數並嘗試在DataTable中動態（且明顯地）插入新行

在此行： t.row.add( [我收到一個錯誤：“無法讀取未定義的屬性'add'”

有人可以幫忙嗎？

<script>

    var asInitVals = new Array();
var oTable = $('.datatable-add-row table').dataTable({
    "bJQueryUI": false,
    "bAutoWidth": false,
    "sPaginationType": "full_numbers",
    "sDom": '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
    "aaSorting":[[0,'desc']],
    "oLanguage": {
        "sSearch": "<span>Filter all:</span> _INPUT_",
        "sLengthMenu": "<span>Show entries:</span> _MENU_",
        "oPaginate": { "sFirst": "First", "sLast": "Last", "sNext": ">", "sPrevious": "<" }
    }
     });

     $(".dataTables_wrapper tfoot input").keyup( function () {
          oTable.fnFilter( this.value, $(".dataTables_wrapper tfoot input").index(this) );
      });

     (function newjobs() {
     var t = $('.datatable-add-row table').dataTable();
         var inputjob = $.ajax({
    type: "POST",
            url: "create_new_job.php",
    cache:false,
    success: function(data) {
        $('#invisible_button').on( 'click', function () {
            t.row.add( [
            data[0],
            data[1],
            data[2],
            data[3],
            data[4],
            data[6],
            data[7],
            data[8]             
            ] ).draw();
        } );
        $('#invisible_button').click();
    }
});

    inputjob.done(function(data) {      
        setTimeout(newjobs, 10000);    
});

    inputjob.fail(function(data) { 
        alert('Job not added....'); 
    });
   })();

</script>

Answer 1

對此進行調試，我們來看它告訴您“ add”不是“ undefined”屬性的事實。 這意味着“行”是t的未定義成員。 這就告訴我們t是某物[或者它會以說'row'不是undefined的屬性開始]。

因此，這告訴我t是某種東西，而不僅僅是您期望的數據表對象。

查看您包括在帖子中的示例鏈接，我看到正在使用“ .DataTable（）”。 JavaScript中的對象和屬性區分大小寫，因此“ .dataTable（）”與“ .DataTable（）”不同。

更改大小寫，看看是否可以解決您的問題。