asp.net mvc partialview @Ajax.ActionLink 不起作用

Question

我有一个视图页面

我的视图页面

<div id="beReplaced">
    @Ajax.ActionLink("please click on me to bring the partial view",
                     "PatrialViewToBeCalled",
                     new AjaxOptions()
                        {UpdateTargetId = "beReplaced",
                        InsertionMode = InsertionMode.InsertAfter,
                        HttpMethod="Get",
                        LoadingElementId = "prgress" })
 </div>

有一个控制器，

public PartialViewResult PatrialViewToBeCalled()
{
    var customer = db.Customers.First();

    return PartialView("PartialViewThatMustBeShow",customer);
}   

但是当我单击生成的链接时，它会将我带到一个新页面，而不是 将部分视图替换或附加到 div 标签。

有什么问题吗？

Answer 1

如果您使用 ASP .NET MVC 4，请确保它

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

也位于 body 标记的末尾。

      @Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts", required: false)
    </body>
</html> 

Answer 2

我已经为此工作了太长时间，认为它不起作用。查看页面源也没有显示任何内容。

最终，当我在 Firebug 的控制台中看到成功的请求时，我发现它确实有效。它只是在屏幕外展示它。在 Firebug 的 HTML 选项卡中，我终于找到了输出，尽管它没有显示在页面源代码中。

Answer 3

可能是您错过了：

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

在主视图中。这告诉主视图识别 ajax 助手。

Answer 4

我找到了解决方案。该问题是由于 unobtrusive-ajax.min.js 文件损坏造成的。

Answer 5

如果您已将 jQuery 加载到页面中，为什么不使用简单的 jquery get/load 方法来获取部分视图呢？

<div id="beReplaced">
  <a href="#" id="lnk1">please click on me to bring the partial view</a>
</div>

Javascript

$("#lnk1").click(function(){
$.get('/controller/PatrialViewToBeCalled', function(data) {
         $('#beReplaced').html(data);
      });
});