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

1.利用Ajax.ActionLink()方法

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

 

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

HomeController中的Index视图，HomeController的Index()方法直接返回View()

 

 

<div id="div1">
刷新此层
</div>

<div id="div2">
@Ajax.ActionLink("点此进行局部刷新",
                 "Refresh",
                 "Home",
                 new AjaxOptions{
                     UpdateTargetId = "div1"
                 })
</div>

 

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

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

Refresh.cshtml内容如下

 

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

运行程序，效果如下

 

点击后

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