欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

asp.net mvc3 利用ajax实现状部刷新

更新时间: 2014-01-05 01:50:30 责任编辑: Author_N1

 

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()方法与此类似,在控制器方法中接受参数即可

上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:50:30
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1861/
本文WWW.DOC100.NET DOC100.NET版权所有。