ASP.NET MVC 4 AJAX HELPERS

若在ASP.NET MVC 4 專案中，要使用到AJAX HELPERS，需要先引用jquery.unobtrusive-ajax.js 或jquery.unobtrusive-ajax.min.js

例如建立一個ASP.NET MVC 4專案(Internet範本)，使用Razor引擎，在 Views\Home\Index.cshtml :

@section Scripts{
      <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
}

<div id="ajaxResult">
   @Ajax.ActionLink("取得資料",
                    "About","Home",new{id=2},
                    new AjaxOptions{
                        UpdateTargetId="ajaxResult",
                        InsertionMode=InsertionMode.Replace,
                        HttpMethod="GET"
                    })
</div>

Ajax.ActionLink可以非同步方式執行。當使用者點選此超連結，就會叫用HomeController About Action，傳id=2參數，並將取回的結果顯示在ajaxResult div標籤之中。

Testing:

About View顯示在下方，不過會有表頭的選單:

修改HomeController About action，回傳PartialView

public ActionResult About( ) {
  ViewBag.Message = "您的應用程式描述頁面。";

  return PartialView();
}

就不會有表頭: