ajax向php服务端请求数据用datables显示，数据有但显示“No data available in table”

Question

ajax向php服务端请求数据用datables显示，数据有但显示“No data available in table”。问题具体描述：https://segmentfault.com/q/1010000008930150

Answer 1

看我的另一条评论

Answer 2

回复
我用上这个方法还是不行

Answer 3

回复
一步步看代码调试下吧，我这边用这个方法解决了

Answer 4

怎么解决的，我也出现了这个问题，求指教

Answer 5

我不知道怎么取消问题，但是大家别回答了，我自己解决了，哈哈哈

Answer 6

在 AJAX 获取数据，再将 dom 节点更新、或者添加，最后在初始化 dataTable

$ ( document ).ready(function() {
$.ajax({
    type: 'GET',
    url: 'models/summary.php',
    mimeType: 'json',
    success: function(data) {
        $.each(data, function(i, data) {
            var body = "<tr>";
            body    += "<td>" + data.name + "</td>";
            body    += "<td>" + data.address + "</td>";
            body    += "<td>" + data.phone_no + "</td>";
            body    += "<td>" + data.birthday + "</td>";
            body    += "<td>" + data.color + "</td>";
            body    += "<td>" + data.car + "</td>";
            body    += "<td>" + data.hobbies + "</td>";
            body    += "<td>" + data.relatives + "</td>";
            body    += "</tr>";
            $( "#summary-table tbody" ).append(body);
        });
        /*DataTables instantiation.*/
        $( "#summary-table" ).DataTable();
    },
    error: function() {
        alert('Fail!');
    }
});
});