asp.net-mvc - 如何在单击 Html.ActionLink 时加载部分 View ？

Question

有人可以告诉我如何加载PartialView单击 Html.ActionLink 在同一页面中.我在下面列出了我的要求。

我有一个索引页面，它将列出员工表中的员工，表中的每一行都有编辑和删除链接(Html.ActionLink)来更新/删除员工信息。

此外，索引页面将具有带有文本框的部分 View ，以创建新员工(或)编辑现有员工。

当用户从表中选择编辑链接时，必须在局部 View 的文本框中加载适当的用户详细信息以更新员工详细信息。

此外，在局部 View 中输入的新员工详细信息应存储到数据库表中，同时应添加到索引页面的表中。

以上所有步骤都应该在 MVC5 中不使用 Ajax 的情况下处理。任何人都可以帮我完成上述步骤吗？非常感谢您的帮助

Answer 1

一旦您的 View 被呈现，加载分部 View 的唯一方法是通过 Ajax 调用，该调用将分部 View 返回到您的 JQuery/Javascript，然后相应地更新 DOM。

例如:

您的 HTML

<a href="#" id="loadViewButton">Load view</a>
<div id="partialViewContainer"><!-- your partial view will be loaded in here --></div>

您的 JQuery:

$('#loadViewButton').on('click', function() {
    $.ajax({
        type: "GET"
        url: '/YourController/YourAction',
        success: function (data, textStatus, jqXHR) {
            $('#partialViewContainer').html(data);
        }
    });
});

您的 Controller 操作:

[HttpGet]
public ActionResult YourAction()
{
  return View("YourView");
}