ASP.NET MVC3 中的AJAX
示例演示一个链接,点击后利用Ajax更新特定id的标签中的内容
首先在_Layout.cshtml中加入js
<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>
Web.config中设置
<appSettings> <add key="webpages:Version" value="1.0.0.0"/> <add key="ClientValidationEnabled" value="true"/> <add key="UnobtrusiveJavaScriptEnabled" value="true"/> </appSettings>
Razor中的内容包括如下
<div id="ajaxLoading">请稍后,数据加载ing........</div> <div id="ajaxUpdate" > </div>
上面ajaxLoading标签中的内容用于调用ajax的过程中显示,增加客户体验
ajaxUpdate标签中的内容用于调用完ajax后更新内容
@Ajax.ActionLink("一个ajax链接",
"AjaxActionName",
"AjaxControllerName",
new { routeValues = 1 },
new AjaxOptions { UpdateTargetId = "ajaxUpdate",
HttpMethod = "POST",
InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace,
LoadingElementId = "ajaxLoading" })
上面AjaxOptions参数中分别设置要更新的内容块id为ajaxUpdate,和更新时显示的加载提示块ajaxLoading
记得你的Controller中的Action应该返回一个分部视图
[HttpPost] public ActionResult AjaxActionName(int routeValues) { //do something... return PartialView(); }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步