jq mvc4 ajax局部刷新,jquery – 在.NET MVC4中使用Ajax进行部分视图加载

我试图跟随

here，这可能是错误的，要了解更多关于部分视图加载在MVC中。我知道MVC的基础知识，但是想要在开始使用MVC之前做更多的我以前做过的ajax的东西。

目标是让部分视图加载到div的内部。它只是将部分视图作为整个页面加载，而不是Div内部。

代码如下：

控制器：

namespace LDP.WebUI.Controllers

{

public class TestController : Controller

{

//

// GET: /Test/

public ActionResult Index()

{

return View();

}

public PartialViewResult Page1()

{

return PartialView("Page1");

}

public PartialViewResult Page2()

{

return PartialView("Page2");

}

}

}

主视图(索引):(我也试过“mainDiv”没有英镑，不知道哪个是正确的)

$(document).ready(function () {

$('#hideme').click(function () {

$(this).hide();

});

});

@Ajax.ActionLink("Parial Page1","Page1",new AjaxOptions { InsertionMode = InsertionMode.Replace,UpdateTargetId = "mainDiv"})

@Ajax.ActionLink("Parial Page2","Page2",UpdateTargetId = "mainDiv"})

Hide Me

部分视图1(Page1.cshtml)

@{

ViewBag.Title = "Page1";

}

Page1

部分视图2(Page2.cshtml)

@{

ViewBag.Title = "Page2";

}

Page2

更新：

我创建了一个全新的MVC 4项目。默认情况下，这是来自于Jquery 1.7.1和来自微软的unobtrusive-ajax库。它仍然加载部分视图在一个新的页面…

更新：不确定如果这有帮助，但以下确实达到我想要的结果…但仍然不解决问题为什么这个解决方案不工作

load about

$("button").click(function () {

$("#mainDiv").load("Test/Page2");

});

enter code here