使用Ajax.ActionLink()在与主视图相同的页面上呈现部分视图时出现问题
在我的索引视图中,显示了几个Ajax.ActionLinks,如下面的代码所示。我试图在单击其中一个链接时将部分视图渲染到DIV部分。现在,它正在将该部分呈现为自己的页面。我做错了什么 查看使用Ajax.ActionLink()在与主视图相同的页面上呈现部分视图时出现问题,ajax,asp.net-mvc,asp.net-mvc-4,view,asp.net-mvc-partialview,Ajax,Asp.net Mvc,Asp.net Mvc 4,View,Asp.net Mvc Partialview,在我的索引视图中,显示了几个Ajax.ActionLinks,如下面的代码所示。我试图在单击其中一个链接时将部分视图渲染到DIV部分。现在,它正在将该部分呈现为自己的页面。我做错了什么 查看 <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script> ...Other HTML <article class="border c-
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
...Other HTML
<article class="border c-two" style="background-image: url('/Content/images/Fancy.jpg')">
<div style="opacity: 0;" class="fdw-background">
<h4 style="color:#fff;">Fancy Schmancy</h4>
<p class="fdw-port">
@Ajax.ActionLink("Go Now", "GotoStore", "Simulation", new { id = 1 }, new AjaxOptions { UpdateTargetId = "Rest", InsertionMode = InsertionMode.InsertAfter, HttpMethod = "GET" })<span class="vg-icon">→</span>
</p>
</div>
</article>
...other HTML
<div id="Rest"></div>
我能让它工作。问题是我在脚本源代码中添加的位置 这:
需要放置在布局文件的底部,如下所示:
@Scripts.Render("~/bundles/jquery")
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
@RenderSection("scripts", required: false)
@Scripts.Render(“~/bundles/jquery”)
@RenderSection(“脚本”,必需:false)
您尝试过InserionMode.Replace吗?刚刚尝试过,我得到了相同的结果。如果您查看chrome或ie调试工具的“网络”选项卡,查看jquery是否确实触发了请求,或者是否发生了完整的请求,当我单击操作链接时,会将启动器显示为“其他”。这就是你的意思吗?然而,在chrome的Source选项卡中,它显示我在jquery.unobtrusive-ajax.js中遇到了一个“uncaughtreferenceerror”错误。
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
@Scripts.Render("~/bundles/jquery")
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
@RenderSection("scripts", required: false)