javascript - 表上的数据表获取ajax内容

Question

我想在通过 ajax 请求获取其内容的表上使用 DataTable。

基本上，我有一个 php 文件在使用 jQuery 发出 ajax 请求后响应表内容(使用 thead、tbody 和 tfoot 元素) .

main.js 如下:

$.ajax({
    type: 'GET', 
    url: 'table.php', 
    data: 'dateStart='+$("#dateStart").val(), 
    dataType: 'html', 
    success: function(response){
        $("table#myTable").html(response);
    }
});

$("table#myTable").DataTable();

table.php 类似:

some code ...
echo $reponse;

使用 http://datatables.net 上指定的 jQuery 和 DataTable.js 以及 DataTable.css 依赖项

但它不起作用...我正在 Chrome 上工作，控制台显示:

Uncaught TypeError: Cannot read property 'aDataSort' of undefined

Answer 1

您必须在ajax调用结束后调用数据表:

$.ajax({
    type: 'GET', 
    url: 'table.php', 
    data: 'dateStart='+$("#dateStart").val(), 
    dataType: 'html', 
    success: function(response){
        $("table#myTable").html(response);
        $("table#myTable").DataTable();

    }
});