Question

我正在尝试使用Ajax.Actionlink来呈现局部视图。但它只会将我重定向到局部视图。我还在webconfig中添加了<add key="UnobtrusiveJavaScriptEnabled" value="true" />。任何人吗？

我的layout.cshtml Scripts.render和脚本位于head标记中。 Ajax.actionlink和div在正文中

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/Scripts/jqueries")
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>



@Ajax.ActionLink("Ajax Click", "Document","Home", new AjaxOptions { UpdateTargetId = "result", InsertionMode = InsertionMode.Replace })

<div id="result">

</div>

家庭控制器：

public PartialViewResult Document()
     {

                return PartialView("Document", om);
     }

我的Document.cshtml

@model mymodel


@foreach (var item in Model)
{ 
            <li>@Html.ActionLink(item.something, "Controller", "Action")</li>
 }

Answer 1

你的jquery和unobtrusive-ajax应该在页面的底部，就像这样

</footer>
@Scripts.Render("~/bundles/jquery")
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
@RenderSection("scripts", required: false)
</body>
</html>

为什么可以在这里找到信息 http://developer.yahoo.com/performance/rules.html/ 将其放在错误的位置会导致错误

@ Ajax.Actionlink渲染局部视图

1 个答案: