使用jQuery載入Partial View

 

Tool：Visual Studio 2013 Ultimate Update 3
OS：Windows 8.1
ASP.NET MVC 5

以下步驟展示建立一個MVC5範本專案，並利用jQuery載入Partial View

• 建立MVC5範本專案

• 在Views/Home加一個Partial View

• 指定名稱

• 設計Partial View

• 在HomeController 加入Action取回Partial View

public class HomeController : Controller {
  public ActionResult _MyPartialView( ) {
    return PartialView( );
  }

• Test，執行Home/_MyPartialView，可正常執行，顯示Partial View

• 在HomeController Index View，使用jQuery，動態載入Partial View





@{
  ViewBag.Title = "Home Page";
}




<div id="result"></div>
@section scripts{
  <script>




    $( function () {
      $( "#result" ).load( "/home/_MyPartialView" );




    } );
  </script>
}




• 執行Home/Index，動態載入PartialView