如何在按钮单击时动态更新部分视图答案

【问题标题】：How to dynamically update a partial view upon button click如何在按钮单击时动态更新部分视图
【发布时间】：2014-12-21 06:36:39
【问题描述】：

首先是我有 2 个数据库表。第一个表用于项目，第二个表用于每个项目的进程。

第一个表格数据将显示为一个html表格和每一行将有一个动态生成的编辑、删除、显示流程按钮/链接。

我的问题是我想在通过单击按钮或链接（进程）选择项目时将第二个表显示为第一个表底部的部分视图（相同的视图）。

选择新项目时，局部视图将动态更新。

我的第一个视图是使用 IEnumerable 库，我的部分视图是否也应该使用 IEnumerable 库？

我尝试使用 javascript 加载我的部分视图，但出现错误。

【问题讨论】：

显示您尝试过的内容以及错误的详细信息。
老兄，对于这类项目，您应该考虑使用任何前端框架。我推荐你 AngularJS。

标签： javascript c# jquery asp.net-mvc

【解决方案1】：

创建一个将接受参数并返回您的局部视图的操作。在您的客户端为第二个表格放置一个 div 并注册点击处理程序：

<div>
    <button id="btnLoadTable">Load table with id = 1</button>
</div>
<div id="table2">TABLE 2</div>

<script type="text/javascript">
    $(document).ready(function(){
            $('#btnLoadTable').click(function(){
                $('#table2').load('yoursite.com/controller/partialViewAction');
            }
        });
    });

</script>

jquery $.load 函数执行 http 请求，接收您的局部视图的 html 并将其放入 <div id="table2">

【讨论】：