如何重新加載數據表使用jQuery AJAX

Question

這裏是我的表

<table class="table table-hover display search dataTable" id="test" cellspacing="0" > 
    <thead> 
    <tr> 
     <th> ID </th> 
     <th>Name</th> 
     <th>Age</th> 
     <th>Email</th> 
    </tr> 
    </thead> 
    <tbody > 
    <% all_employees.each do |employee|%> 
     <tr> 
     <td> <%= check_box_tag 'employee_ids[]', employee.id %> </td> 
     <td> <%= employee.name %> </td> 
     <td> <%= employee.age %> </td> 
     <td> <%= employee.email %> </td> 
     </tr> 
    <% end %> 
    </tbody> 
</table> 

和我的js

function filtered_employee(group_id){ 
    $.ajax({ 
     url: "/employee_groups/"+group_id+"/associated_employees", 
     type: "get",  
     data: { 
     "id" : group_id 
     }, 
     success: function(result) { 
     $('#test').html(result) 
     }, 
     error: function(result){ 
     $('#test').html(result.responseText) 
     } 
    }); 
} 

我用Ruby上點擊一個按鈕軌道4版 軌道正在呼叫此阿賈克斯請求正如預期的那樣得到響應，但是當在ajax中觸發成功時，我會得到一張新的表格，如何解決這個問題？

在此先感謝

Answer 1

我會建議把你的<table>一些其他的容器內，並刷新該容器上阿賈克斯成功如下：

<div class="tableWrapper"> 
    <table class="table table-hover display search dataTable" id="test" cellspacing="0" > 
    .... 
    </table> 
</div> 

和JS代碼：

function filtered_employee(group_id){ 
    $.ajax({ 
     url: "/employee_groups/"+group_id+"/associated_employees", 
     type: "get",  
     data: { 
     "id" : group_id 
     }, 
     success: function(result) { 
     $('.tableWrapper').html(result) 
     }, 
     error: function(result){ 
     $('.tableWrapper').html(result.responseText) 
     } 
    }); 
}