javascript - 如何将方法数据表应用于动态创建的表

Question

我正在通过按钮单击事件动态创建表格

function createTable() {
    $.ajax ({
        url: 'php/GetData.php', 
        type: 'POST', 
        data: {id:25},
        success: function(msg){
            var obj = JSON.parse(msg);
            var tableString = "<table id='tbla' class='display'><thead><tr><th>Name<th>Age<th>Birthday</tr></thead><tbody>";

            for (var i=0; i<obj.length; i++) {
                //alert(obj[i].name);
                tableString += gg_stringformat("<tr><td>{0}<td>{1}<td>{2}</tr>", obj[i].name, obj[i].age, obj[i].birthday);
            }

            tableString += "</tbody></table>";
            //alert(tableString);

            $('#divb').html(tableString);
            $('#tbla').dataTable();
        }
    });
}

方法

$('#tbla').dataTable();

不起作用。 当我将此行放入 $(document).ready(function(){.....}); 时，会发生错误，并且没有任何可见内容。因为具有这个id的表，仍然没有呈现。如何完成这个任务？

所有适当的文件都已正确链接。

<link rel="stylesheet" href="DataTables/dataTables.min.css"></style>
<script type="text/javascript" src="DataTables/dataTables.min.js"></script>





function gg_stringformat() {
var argcount = arguments.length,
    string,
    i;

if (!argcount) {
    return "";
}
if (argcount === 1) {
    return arguments[0];
}
string = arguments[0];
for (i = 1; i < argcount; i++) {
    string = string.replace(new RegExp('\\{' + (i - 1) + '}', 'gi'), arguments[i]);
}
return string;
}

Answer 1

您用来构建表格的 HTML 中存在一些错误。您没有关闭任何 <th>或<td>标签。这很可能是导致问题的原因。

而不是 alert ，尝试做console.log(tableString)最后，然后检查输出以查看它是否是有效的 HTML。

此外，尝试注释掉对 dataTable 的最终调用，看看该函数是否至少能够构建基本表。

如果这些方法都不能解决问题，则问题可能出在 XHR 调用上。是msg塑造你所期望的方式？ gg_stringformat有bug吗？