如何在视图内加载局部视图？

我对这种局部看法非常困惑。

我想在我的主视图中加载局部视图。

这是简单的例子。

我正在将Homecontroller Index操作的Index.cshtml加载为主页面。

在index.cshtml中，我通过创建链接

@Html.ActionLink("load partial view","Load","Home")

在HomeController中，我添加了一个名为

public PartialViewResult Load()
{
    return PartialView("_LoadView");
}

在_LoadView.cshmtl中，我只是

<div>
    Welcome !!
</div>

但是，在运行项目时，index.cshtml会首先呈现并显示链接“ Load Partial View”。当我单击它时，它将转到新页面，以将来自_LoadView.cshtml的欢迎消息呈现为index.cshtml。

有什么事吗

注意：我不想通过AJAX加载页面或不想使用Ajax.ActionLink。

如果要直接在主视图中加载局部视图，则可以使用Html.Action帮助器：

@Html.Action("Load", "Home")

或者，如果您不想执行“加载”操作，请使用HtmlPartialAsync帮助器：

@await Html.PartialAsync("_LoadView")

如果要使用Ajax.ActionLink，请替换Html.ActionLink为：

@Ajax.ActionLink(
    "load partial view", 
    "Load", 
    "Home", 
    new AjaxOptions { UpdateTargetId = "result" }
)

当然，您需要在页面中包括一个用于显示部分内容的支架：

<div id="result"></div>

另外，请不要忘记包括以下内容：

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

在您的主视图中以便启用Ajax.*助手。并确保在您的web.config中启用了兼容的javascript（默认情况下应启用）：

<add key="UnobtrusiveJavaScriptEnabled" value="true" />

我遇到的问题和Leniel完全一样。我尝试了这里和其他十几个地方建议的修复程序。最终对我有用的是简单地添加

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")

到我的布局...

如果使用a@Html.ActionLink()进行加载，则在单击锚元素时将PartialView作为正常请求进行处理，即使用PartialViewResult方法的响应来加载新页面。
如果要立即加载，请使用@Html.RenderPartial("_LoadView")或@Html.RenderAction("Load")。
如果要在用户交互（例如单击链接）时执行此操作，则需要使用AJAX->@Ajax.ActionLink()

对我来说，这是通过NuGet下载AJAX Unobtrusive库后起作用的：

 Search and install via NuGet Packages:   Microsoft.jQuery.Unobtrusive.Ajax

比在视图中添加对jquery和AJAX Unobtrusive的引用：

@Scripts.Render("~/bundles/jquery")
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"> </script>

接下来，我们要渲染结果的Ajax ActionLink和div：

@Ajax.ActionLink(
    "Click Here to Load the Partial View", 
    "ActionName", 
    null, 
    new AjaxOptions { UpdateTargetId = "toUpdate" }
)

<div id="toUpdate"></div>

如果您想在视图中填充部分视图的内容，则可以使用

@Html.Partial("PartialViewName")

要么

{@Html.RenderPartial("PartialViewName");}

如果要发出服务器请求并处理数据，然后将部分视图返回到填充有该数据的主视图，则可以使用

...
    @Html.Action("Load", "Home")
...

public PartialViewResult Load()
{
    return PartialView("_LoadView");
}

如果要用户单击链接，然后填充部分视图的数据，则可以使用：

@Ajax.ActionLink(
    "Click Here to Load the Partial View", 
    "ActionName", 
    "ControlerName",
    null, 
    new AjaxOptions { UpdateTargetId = "toUpdate" }
)

小tweek以上

@Ajax.ActionLink(
    "Click Here to Load the Partial View", 
    "ActionName", 
    "ControlerName",
    null, 
    new AjaxOptions { UpdateTargetId = "toUpdate" }
)

<div id="toUpdate"></div>

RenderParital更好地用于性能。

{@Html.RenderPartial("_LoadView");}