asp.net mvc3 利用Ajax實現局部刷新

1.利用Ajax.ActionLink()方法

首先在_Layout.cshtml文件中加載 運行AJAX必要的Jquery

1 <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
2 <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

 

HomeController中的Index視圖，HomeController的Index()方法直接返回View()

1 <div id="div1">
2 刷新此層
3 </div>

1 <div id="div2">
2 @Ajax.ActionLink("點此進行局部刷新",
3                  "Refresh",
4                  "Home",
5                  new AjaxOptions{
6                      UpdateTargetId = "div1"
7                  })
8 </div>

HomeController中的Refresh()方法直接返回視圖

爲Refresh()方法添加一個分部視圖

Refresh.cshtml內容以下

1 <div>
2     <img src="../../Content/3.jpg"/>
3 </div>

2.Ajax.BeginForm()方法與此相似，在控制器方法中接受參數便可