使用Ajax结果添加表行

时间:2013-12-19 20:55:50

标签: javascript json ajax dom

我有一个函数,它接受从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;
        }

1 个答案:

答案 0 :(得分:0)

这不正确。

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

你使用jquery append()

请尝试var elementObj = $("#"+data['table_name']);

同时检查控制台是否有错误,您可能会收到:

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

P.S。你也可以试试这个:

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

没有将var elementObj重写为jquery变量。