ASP.NET MVC 4 View ( Razor ) + AjaxHelper – ActionLink 使用方法
web.config |
<configuration> … … <appSettings> … … <add key="UnobtrusiveJavaScriptEnabled" value="true" /> </appSettings> … … </configuration> |
App_Start\BundleConfig.cs |
bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js", "~/Scripts/jquery.unobtrusive-ajax.js")); |
Controller |
public ActionResult View1() { return PartialView(); } public ActionResult View2() { return PartialView(); } |
View |
@Ajax.ActionLink("Link 1", "View1", new AjaxOptions { UpdateTargetId = "Panel" }) @Ajax.ActionLink("Link 2", "View2", new AjaxOptions { UpdateTargetId = "Panel" }) <div id="Panel"></div> |
View1.cshtml |
View 1 |
View2.cshtml |
View 2 |