asp.net MVC ajax 返回 post 而不是在我的 div 中呈现局部视图

Question

我在 index.cshtml

中编写了这段代码

@Ajax.ActionLink("First", "First", new AjaxOptions()
{
    HttpMethod = "GET",
    UpdateTargetId = "partialstest",
    InsertionMode = InsertionMode.Replace
})

@Ajax.ActionLink("Second", "Second", new AjaxOptions()
{
    HttpMethod = "GET",
    UpdateTargetId = "partialstest",
    InsertionMode = InsertionMode.Replace
})

<div id="partialstest" style="width: 500px; height:500px; border:1px solid red;">

</div>

<script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/mvc/5.2/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>

这是我的控制器：

public ActionResult Index()
    {
        return View();
    }

    public PartialViewResult First()
    {

        return PartialView("Partial1");
    }

    public PartialViewResult Second()
    {

        return PartialView("Partial1");
    }

当我调试它时，这里有一个 link:

http://localhost:23166/switchPartial/Index

当我点击我的 link（第一个或第二个）时，我希望我的部分视图呈现在 div 中，其 ID 是 partialstest。但它确实 post 返回并进入

http://localhost:23166/switchPartial/First

为什么？

Answer 1

检查文件 MicrosoftAjax.js 和 MicrosoftMvcAjax.js 是否真的存在于 ../../Scripts文件夹。对于 MVC3 及更高版本，请确保您使用的是 jquery.unobtrusive-ajax.js.

asp.net MVC ajax 返回 post 而不是在我的 div 中呈现局部视图

asp.net MVC ajax does post back instead of render partial view in my div

ajax

asp.net-mvc

jquery

asp.net-ajax

asp.net-mvc-4