带有Ajax.ActionLink的HTTP 404

Question

我在解决404错误时遇到了麻烦：

Global.asax.cs中的默认路由：

routes.MapRoute(
       "Default", 
       "{controller}/{action}/{id}",
       new { controller = "Home", action = "Index", id = UrlParameter.Optional }
        );

VideoController.cs：

[HttpPost]
public ActionResult Save(int id)
{
   try
   {
     return Json(new
     {
       ID = "0"
     });
   }
   catch
   {
     return new HttpStatusCodeResult(418, "I'm a teapot");
   }
}

在我看来，

ActionLink，Create.cshtml：

@Ajax.ActionLink("GoSave", "Save", "Video", new { id = 1 },
        new AjaxOptions { OnFailure = "Error", OnSuccess = "Saved", 
                          HttpMethod = "POST" })

actionlink的网址按预期呈现：/ Video / Save / 1

当我点击链接时，我得到了404。

我没看到什么？

Answer 1

我打赌你错过了script收录：

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

这将不引人注意地AJAX化Ajax.ActionLink生成的结果并执行POST请求而不是默认的GET请求。您收到404因为您没有包含此脚本，因此发送了GET请求，并且视频控制器上没有能够接收GET请求的保存操作。

如果您使用过FireBug，您会立即看到：浏览器只是重定向并发送GET请求而不是预期的Ajax POST请求。

Answer 2

添加达林的答案......

添加这个NuGet包，它可以不引人注意地设置jQuery Ajax。＆＃34;

所有这个包都安装了必要的脚本。

接下来，做达林所说的，或等同地，添加：

@Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js") 

到_Layout.cshtml