MVC 3 Ajax.ActionLink 不工作

Question

我正在玩一些基于 MvcMusicStore 示例的商店，并且在使用 MVC3 Ajax.ActionLink / Ajax.RouteLink 帮助程序时遇到了一些问题。问题在于它根本不会生成 Ajax 请求（Request.IsAjaxRequest() == false）。我使用 Ajax.BeginForm / Ajax.BeginRouteForm 生成的表单运行良好。

配置：

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

脚本：

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

链接：

@Ajax.ActionLink("show cart", "Show", "Cart", new AjaxOptions() { OnSuccess = "handleSuccess", HttpMethod = "Get", OnFailure = "handleFailure" })

生成 HTML：

<a data-ajax="true" data-ajax-failure="handleFailure" data-ajax-method="Get" data-ajax-success="handleSuccess" href="/Cart/Show">show cart</a>

如前所述，这很好用：

@using (Ajax.BeginForm(
        "Show",
        new { controller = "Cart" },
        new AjaxOptions
        {
            OnSuccess = "handleSuccess",
            OnFailure = "handleFailure"
        }))
    {
        <input type="submit" class="button" />
    }

动作如下所示：

[Authorize]     
public ActionResult Show()
{
    if (Request.IsAjaxRequest())
    {
        ViewBag.CartItems = ShoppingCart.GetCart(this)
            .Items;

        return Json(new AjaxResultViewModel()
        {
            Content = RenderPartialViewToString(),
            UpdateTargetSelector = "#dialog",
            InsertionMode = InsertionMode.InsertBefore
        }, JsonRequestBehavior.AllowGet);
    }

    ViewBag.Exception = new NotSupportedException();
    return View("Error");
}

我已经搜索了一段时间，找不到这种行为的原因，也许有人可以帮助我？

最好的问候！

Answer 1

在靠近底部的_layout.cshtml 上的新MVC4 模板中，有一个@Scripts.Render("~/bundles/jquery")。

我必须包括 @Scripts.Render("~/bundles/jqueryval") 是 Ajax 库

这解决了我在使用索引页面进行完整回发时遇到的问题。我的动作链接代码：

<div id="timeDisplay">
@Ajax.ActionLink("Click to display server time", "Time", new AjaxOptions { HttpMethod="GET",UpdateTargetId="timeDisplay"});
</div>

Answer 2

我通过按确切顺序声明以下脚本使其工作：

@section script
{
  <script src="@Url.Content("~/Scripts/MicrosoftAjax.debug.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.debug.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript">   </script>
}

为了完整起见，在我的 *_Layout.cshtml* 文件中，我声明了以下内容：

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

@RenderSection("script", required:false)

<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>

Answer 3

也许[this post]有答案。

简而言之：js函数“handleSuccess”和“handleFailure”是否可以通过表单访问？

Lg 瓦拉帕