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中有错误吗？

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

1 个答案: