asp.net mvc3 利用Ajax实现局部刷新

1.利用Ajax.ActionLink()方法

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

[html]  view plain copy print ?

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()

[html]  view plain copy print ?

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

HomeController中的Refresh()方法直接返回视图

为Refresh()方法添加一个分部视图

Refresh.cshtml内容如下

[html]  view plain copy print ?

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

运行程序，效果如下

点击后

2.Ajax.BeginForm()方法与此类似，在控制器方法中接受参数即可

本文转自：http://blog.csdn.net/aspnet_lyc/article/details/11565843