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

时间 2019-11-18

标签 asp.net asp mvc3 mvc 利用 ajax 实现局部刷新栏目 ASP 繁體版

原文原文链接

1.利用Ajax.ActionLink()方法javascript

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

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

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

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

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

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

Refresh.cshtml内容以下ajax

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

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