2012年11月6日 星期二

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:

image

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

image

修改HomeController About action,回傳PartialView

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

  return PartialView();
}


就不會有表頭:

image

2 則留言:

Evan 提到...

謝謝您的教學,很受用。

米米貓學開發 提到...

謝謝你的鼓勵!

總瀏覽量