前言:前面我們已經簡單的介紹過了MVC如何Jquery,因為我們如果使用Ajax的話必須要了解Jquery,這篇博客我們將大致了解一下ASP.NET MVC如何使用Ajax的輔助方法,此博客是我的讀書筆記,如果那里寫的不好,還請各位朋友提出來,我們共同學習。
1.準備工作
(1)在MVC剛開始學習的時候,我們就需要介紹ASP.NET MVC框架中的HTML的輔助方法,但是這類文章現在已經很多了,而且個人感覺很簡單,所以沒有寫筆記,我在這里就不介紹了。
(2)ASP.NET MVC框架中的HTML輔助方法,我們可以使用HTML輔助方法創建表單和指向控制器操作的鏈接,在ASP.NET MVC框架中還包含一組Ajax輔助方法,它們也可以用來創建表單和指向控制器操作的連接,但不同的是它們是異步進行的,當使用這些輔助方法時,不用編寫任何腳本代碼來實現程序的異步性。
(3)在后臺,這些Ajax輔助方法依賴非侵入式MVC的Jquery擴展,如果使用這些輔助方法,就需要引入腳本文件jquery.unobtrusive-ajax.js,至于怎么引用我在上篇博客已經說過了,這里就不貼出代碼了。
2.Ajax的ActionLink方法
(1)在Razor視圖中,AJAX輔助方法可以通過Ajax屬性訪問,和HTML輔助方法類似,Ajax屬性上的大部分Ajax輔助方法都是擴展方法(除了AjaxHelper類型之外)。
(2)Ajax屬性的ActionLink方法可以創建一個具有異步行為的錨標簽。現在我們可以在微軟發布的MVC3.0的MusicStore項目上面進行修改,誰如果沒有這個項目的話可以加地下的群,然后再群共享里面我共享了這個項目。在視圖”Views/Home/Index.cshtml”中添加下面的代碼。
代碼如下:
<div id="dailydeal">
@Ajax.ActionLink("點擊我", "DailyDeal", new AjaxOptions
{
UpdateTargetId="dailydeal",
InsertionMode = InsertionMode.Replace,
HttpMethod="Get"
})
</div>
(3)ActionLink方法的第一個參數指定了連接文本,第二個參數是要異步調用的操作的名稱,類似于同名的HTML輔助方法。對于HTML輔助方法和Ajax輔助方法,顯著不同的是AjaxOptions參數,該參數指定了發送請求和處理服務器返回結果的方法,參數中還包括用來處理錯誤,顯示加載元素,顯示確認對話框等的選項。為了得到服務器的響應,需要在控制器HomeController上添加一個DailyDeal操作,代碼如下:
代碼如下:
public ActionResult DailyDeal()
{
var album = GetDailyDeal();
return PartialView("_DailyDeal", album);
}
private Album GetDailyDeal()
{
return storeDB.Albums.OrderBy(a => a.Price).First();
}
新聞熱點
疑難解答
圖片精選