[ASP.Net MVC] 與Ajax的運用

AjaxHelper 類別包含的方法可提供 MVC 應用程式內 ASP.NET AJAX 中的用戶端功能，例如，建立非同步表單和呈現連結。 AjaxHelper 類別支援非同步部分頁面更新。 AjaxHelper 類別的擴充程式位於 System.Web.Mvc.Ajax 命名空間中。

我有練習以下兩個比較基本的教學，都可以成功喔!

• [ASP.NET][MVC] ASP.NET MVC (10) : 部份檢視與 AJAX 的整合
• Adding Ajax support in ASP.NET MVC3

在MVC的語法上使用 @Ajax 是引用AjaxHelper 類別。
常用的方法有 ：

1. ActionLink ：已多載。 傳回錨定項目，其中包含指定之動作方法的 URL；按一下動作連結時，系統便會使用 JavaScript 以非同步方式叫用該動作方法。 
2. BeginForm ：將開頭的 <form> 標記寫入至回應。
3. GlobalizationScript ：傳回 HTML script 項目，其中包含定義文化特性資訊的全球化指令碼參考。
4. RouteLink ：已多載。 傳回錨定項目，其中包含指定之路徑值的虛擬路徑；按一下連結時，系統便會使用 JavaScript 以非同步方式對該虛擬路徑提出要求。

在View/Shared/_layout.cshtml檔案裡加上引用MicrosoftAjax.js及MicrosoftMvcAjax.js

AjaxController的寫法。PartialViewResult 是提供給 Ajax呼叫的進入點，將會回傳一個表單。PartialView("_IndexPartial", result) 會以部份檢視的方式呼叫 View/Ajax/_IndexPartial.cshtml 。

主頁 Index.cshtml。Ajax.BeginForm的寫法就是將整個表單丟給Server去處理的寫法。要指定UpdateTargetId，之後Ajax得到回覆後，會動態載入新頁面至 <div id="targetDiv" ... 的位置上。

動態載入的部份頁面 _IndexPartial.cshtml 。若是內部呼叫的頁面，可以加底線區分。


執行的結果就如同範例一樣，網頁不需要Refresh就可以動態載入下方的資料。