添加一個帶有Ajax結果的表格行

Question

我有一個函數，它接受ajax調用返回的值，並將一行添加到json值中定義的表中，但我不認爲它正確地獲取表格。我需要做些什麼特別的事情嗎？我知道數據['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變量。