我对这个局部视图非常困惑。
我想在我的主视图中加载一个局部视图。
这里是一个简单的例子。
我正在将Homecontroller Index操作的Index.cshtml作为主页面进行加载。
在index.cshtml中，我通过创建链接来实现：
@Html.ActionLink("load partial view","Load","Home")
public PartialViewResult Load()
{
return PartialView("_LoadView");
}
在_LoadView.cshmtl中，我遇到了一个
<div>
Welcome !!
</div>
然而，当我运行这个项目时，index.cshtml首先呈现，并显示链接“加载局部视图”。但是当我单击它时，它会跳转到新页面，而不是将_LoadView.cshtml中的欢迎消息呈现到index.cshtml中。
可能出了什么问题？
注意：我不想通过AJAX加载页面，也不想使用Ajax.ActionLink。
如果您想直接在主视图中加载部分视图，可以使用 Html.Action 助手：
@Html.Action("Load", "Home")
或者，如果您不想通过Load操作，可以使用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")
到我的布局...
我在通过 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(
"Click Here to Load the Partial View",
"ActionName",
null,
new AjaxOptions { UpdateTargetId = "toUpdate" }
)
<div id="toUpdate"></div>
Microsoft.jQuery.Unobtrusive.Ajax。尽管我已经安装了jquery.unobstrusive-ajax.min.js。谢谢你，你帮我省去了很多麻烦。 - Dev如果你使用@Html.ActionLink()，那么当点击一个锚元素时，加载PartialView会像处理普通请求一样进行，即加载PartialViewResult方法的响应作为新页面。
如果你想立即加载它，那么你可以使用@Html.RenderPartial("_LoadView")或者@Html.RenderAction("Load")。
如果你想在用户交互时（比如点击链接）进行加载，则需要使用AJAX --> @Ajax.ActionLink()
@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" }
)
使用RenderPartial可以提高性能。
{@Html.RenderPartial("_LoadView");}
对上述内容进行小调整
@Ajax.ActionLink(
"Click Here to Load the Partial View",
"ActionName",
"ControlerName",
null,
new AjaxOptions { UpdateTargetId = "toUpdate" }
)
<div id="toUpdate"></div>
Ajax.ActionLink，并将UpdateTargetId设置为父 div 的 id。现在当我单击链接时，ajax 结果会替换整个页面。 - Shimmy Weitzhandler