ASP.NET MVC 4 View ( Razor ) + AjaxHelper – ActionLink 使用方法

 
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