添加带有 Ajax 结果的表格行

Question

我有一个函数，它获取从 ajax 调用返回的值并向 json 值中定义的表添加一行，但我认为它没有正确获取表。我有什么特别需要做的吗？我知道 data['table_name'] 变量确实有正确的值。

这是我的代码。

function ajaxSuccess () {
            var data = JSON.parse(this.responseText);
            var elementObj = document.getElementById(data['table_name']);

                var i = elementObj.size() + 1;
                elementObj.append('<tr><td>Date</td><td>Name</td><td>' + data['new_comment'] + '</td></tr>');
                i++;
                return false;
        }

Answer 1

这是不正确的。

你有js变量var elementObj = document.getElementById(data['table_name']);

而你使用 jquery append()。

改用var elementObj = $("#"+data['table_name']);。

同时检查控制台是否有错误，您可能会收到以下信息：

Uncaught TypeError: Object #<HTMLDivElement> has no method 'append'

附言你也可以试试这个：

$(elementObj).append('<tr><td>Date</td><td>Name</td><td>' + data['new_comment'] + '</td></tr>');

无需将 var elementObj 重写为 jquery 变量。