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

Question

每次用户按下按钮（使用 Ajax）时，我都需要动态创建（插入）一个新的表行。我的部分视图结构：

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

当我需要在最后插入新行时，我可以执行以下操作：

    element_table.innerHTML += ajax_data

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

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

有任何想法吗？

有没有常见的做法？

Answer 1

最简单的方法是将 jQuery 与您的 Ajax 响应一起使用。它可以很简单

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

追加一行。也可以在特定索引处插入新行：

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

请注意，索引是基于 0 的。