当前位置： 移动技术网 > IT编程>开发语言>.net > asp.net mvc3 利用Ajax实现局部刷新

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

2018年02月25日  | 移动技术网IT编程  | 我要评论

飞猪旅行 托迈酷客品牌,网游之无限连击,火玫瑰蜘蛛有毒吗

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

<p id="p1">  

刷新此层  

</p>  

  

<p id="p2">  

@Ajax.ActionLink("点此进行局部刷新",  

                 "Refresh",  

                 "Home",  

                 new AjaxOptions{  

                     UpdateTargetId = "p1"  

                 })  

</p>  

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

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

Refresh.cshtml内容如下

[html]  

<p>  

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

</p>  

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网