当前位置:编程学习 > asp >>

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

1.利用Ajax.ActionLink()方法
首先在_Layout.cshtml文件中加载 运行AJAX必要的Jquery
[html]  
<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()
[html] view plaincopy
<div id="div1">  
刷新此层  
</div>  
  
<div id="div2">  
@Ajax.ActionLink("点此进行局部刷新",  
                 "Refresh",  
                 "Home",  
                 new AjaxOptions{  
                     UpdateTargetId = "div1"  
                 })  
</div>  
HomeController中的Refresh()方法直接返回视图
为Refresh()方法添加一个分部视图
Refresh.cshtml内容如下
[html]  
<div>  
    <img src="../../Content/3.jpg"/>  
</div>  
补充:Web开发 , ASP.Net ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,