asp.net-mvc - 使用带有 Ajax 请求的部分 View 构建表

Question

每次用户按下按钮(使用 Ajax)时，我都需要动态创建(插入)一个新的表格行。我的部分 View 结构:

    <tr>
         <td><td>
         <td><td>
         ...
    </tr>

当我需要在末尾插入新行时，我可以这样做:

    element_table.innerHTML += ajax_data

但是当我需要将它放在其他行之间时我必须做什么呢？

我可以只返回 [td] 元素并将它们包装在 [tr] 客户端创建的元素 (tr.innerHTML = ajax_data) 中，但我认为这不是一个好主意。

有什么想法吗？

有什么共同的做法吗？

Answer 1

最简单的方法是在 Ajax 响应中使用 jQuery。它可以像这样简单

$('#table').append(response) 

to append a row .也可以 insert the new row at a specific index :

$('#my_table > tbody > tr').eq(index).after(response);

请注意索引是从 0 开始的。